.component-trap .trap {
    border: 1px solid #000000a1;
    font-size: 21px;
    font-weight: 700;
    height: 40px;
    width: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.component-trap .trap--number {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    height: 100%;
    width: 100%
}

.component-trap .trap--F--AU, .component-trap .trap--F--IE, .component-trap .trap--F--NZ, .component-trap .trap--F--UK, .component-trap .trap--F--US {
    background-color: #daa520;
    color: #fff
}

.component-trap .trap--2F--AU, .component-trap .trap--2F--IE, .component-trap .trap--2F--NZ, .component-trap .trap--2F--UK, .component-trap .trap--2F--US {
    background-color: silver;
    color: #fff
}

.component-trap .trap--NR--AU, .component-trap .trap--NR--IE, .component-trap .trap--NR--NZ, .component-trap .trap--NR--UK, .component-trap .trap--NR--US {
    background-color: #696969;
    color: #fff
}

.component-trap .trap--1--AU, .component-trap .trap--1--IE, .component-trap .trap--1--NZ, .component-trap .trap--1--UK, .component-trap .trap--1--US {
    background-color: #e11422;
    color: #fff
}

.component-trap .trap--2--UK, .component-trap .trap--2--IE, .component-trap .trap--2--US, .component-trap .trap--2--VR {
    background-color: #1c3c93;
    color: #fff;
}

.component-trap .trap--2--AU, .component-trap .trap--2--NZ {
    background: repeating-linear-gradient(0deg, #000, #000 8.33%, #fff 0, #fff 25%, #000 0, #000 33.33%);
    color: #e11422;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.component-trap .trap--3--UK, .component-trap .trap--3--IE, .component-trap .trap--3--AU, .component-trap .trap--3--US, .component-trap .trap--3--NZ, .component-trap .trap--3--VR {
    background-color: #fff;
    color: #000;
}

.component-trap .trap--4--UK, .component-trap .trap--4--IE, .component-trap .trap--4--VR {
    background-color: #000;
    color: #fff;
}

.component-trap .trap--4--AU, .component-trap .trap--4--NZ {
    background-color: #1c3c93;
    color: #fff;
}

.component-trap .trap--4--US {
    background-color: #6bbc48;
    color: #fff
}

.component-trap .trap--5--UK, .component-trap .trap--5--IE, .component-trap .trap--5--VR {
    background-color: #ee691f;
    color: #000;
}

.component-trap .trap--5--AU, .component-trap .trap--5--NZ {
    background-color: #f2d460;
    color: #000;
}

.component-trap .trap--5--US {
    background-color: #000;
    color: #e11422
}

.component-trap .trap--6--UK, .component-trap .trap--6--IE, .component-trap .trap--6--VR {
    background: repeating-linear-gradient(0deg, #000, #000 8.33%, #fff 0, #fff 25%, #000 0, #000 33.33%);
    color: #e11422;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.component-trap .trap--6--AU, .component-trap .trap--6--NZ {
    background-color: #6bbc48;
    color: #e11422;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.component-trap .trap--6--US {
    background-color: #f2d460;
    color: #000
}

.component-trap .trap--7--AU, .component-trap .trap--7--NZ {
    background-color: #000;
    color: #f2d460;
}

.component-trap .trap--7--US {
    background: linear-gradient(180deg,#7bc55d,#7bc55d 45%,#fff 0,#fff 90%,#7bc55d 0,#7bc55d);
    color: #000
}

.component-trap .trap--8--AU, .component-trap .trap--8--NZ {
    background-color: #e05cbf;
    color: #000
}

.component-trap .trap--8--US {
    background: linear-gradient(90deg,#f2d460,#f2d460 25%,#000 0,#000);
    color: #fff
}

.component-trap .trap--9--AU, .component-trap .trap--9--NZ {
    background: repeating-linear-gradient(-45deg,#7bc55d,#7bc55d 8px,#fff 10px,#fff 15px);
    color: #000
}

.component-trap .trap--10--AU, .component-trap .trap--10--NZ {
    background: linear-gradient(90deg,#d82724,#d82724 33%,#fff 0,#fff 66%,#1c3c93 0,#1c3c93);
    color: #000
}