:root{--font-color-1: #ffffff;--font-family: "Inter", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}body{background-color:#121919e8;font-family:var(--font-family)}h3{color:var(--font-color-1);text-align:center}.grid-container div,.grid-container img,.grid-container video,.grid-container canvas,.grid-container iframe,.grid-container object,.grid-container embed,.grid-container svg,.grid-container pre,.grid-container code,.grid-container table{box-sizing:border-box}.grid-container img,.grid-container video,.grid-container canvas,.grid-container iframe,.grid-container object,.grid-container embed,.grid-container svg{display:block;max-width:100%;height:100%;object-fit:cover;object-position:center}:root{--grid-gap: 0px}.grid-item{min-width:0}.xs-1{width:calc(8.333% - var(--grid-gap) * 11/12)}.xs-2{width:calc(16.667% - var(--grid-gap) * 10/12)}.xs-3{width:calc(25% - var(--grid-gap) * 9/12)}.xs-4{width:calc(33.333% - var(--grid-gap) * 8/12)}.xs-5{width:calc(41.667% - var(--grid-gap) * 7/12)}.xs-6{width:calc(50% - var(--grid-gap) * 6/12)}.xs-7{width:calc(58.333% - var(--grid-gap) * 5/12)}.xs-8{width:calc(66.667% - var(--grid-gap) * 4/12)}.xs-9{width:calc(75% - var(--grid-gap) * 3/12)}.xs-10{width:calc(83.333% - var(--grid-gap) * 2/12)}.xs-11{width:calc(91.667% - var(--grid-gap) * 1/12)}.xs-12{width:calc(100% - var(--grid-gap) * 0/12)}@media (min-width: 640px){.sm-1{width:calc(8.333% - var(--grid-gap) * 11/12)}.sm-2{width:calc(16.667% - var(--grid-gap) * 10/12)}.sm-3{width:calc(25% - var(--grid-gap) * 9/12)}.sm-4{width:calc(33.333% - var(--grid-gap) * 8/12)}.sm-5{width:calc(41.667% - var(--grid-gap) * 7/12)}.sm-6{width:calc(50% - var(--grid-gap) * 6/12)}.sm-7{width:calc(58.333% - var(--grid-gap) * 5/12)}.sm-8{width:calc(66.667% - var(--grid-gap) * 4/12)}.sm-9{width:calc(75% - var(--grid-gap) * 3/12)}.sm-10{width:calc(83.333% - var(--grid-gap) * 2/12)}.sm-11{width:calc(91.667% - var(--grid-gap) * 1/12)}.sm-12{width:calc(100% - var(--grid-gap) * 0/12)}}@media (min-width: 768px){.md-1{width:calc(8.333% - var(--grid-gap) * 11/12)}.md-2{width:calc(16.667% - var(--grid-gap) * 10/12)}.md-3{width:calc(25% - var(--grid-gap) * 9/12)}.md-4{width:calc(33.333% - var(--grid-gap) * 8/12)}.md-5{width:calc(41.667% - var(--grid-gap) * 7/12)}.md-6{width:calc(50% - var(--grid-gap) * 6/12)}.md-7{width:calc(58.333% - var(--grid-gap) * 5/12)}.md-8{width:calc(66.667% - var(--grid-gap) * 4/12)}.md-9{width:calc(75% - var(--grid-gap) * 3/12)}.md-10{width:calc(83.333% - var(--grid-gap) * 2/12)}.md-11{width:calc(91.667% - var(--grid-gap) * 1/12)}.md-12{width:calc(100% - var(--grid-gap) * 0/12)}}@media (min-width: 1024px){.lg-1{width:calc(8.333% - var(--grid-gap) * 11/12)}.lg-2{width:calc(16.667% - var(--grid-gap) * 10/12)}.lg-3{width:calc(25% - var(--grid-gap) * 9/12)}.lg-4{width:calc(33.333% - var(--grid-gap) * 8/12)}.lg-5{width:calc(41.667% - var(--grid-gap) * 7/12)}.lg-6{width:calc(50% - var(--grid-gap) * 6/12)}.lg-7{width:calc(58.333% - var(--grid-gap) * 5/12)}.lg-8{width:calc(66.667% - var(--grid-gap) * 4/12)}.lg-9{width:calc(75% - var(--grid-gap) * 3/12)}.lg-10{width:calc(83.333% - var(--grid-gap) * 2/12)}.lg-11{width:calc(91.667% - var(--grid-gap) * 1/12)}.lg-12{width:calc(100% - var(--grid-gap) * 0/12)}}@media (min-width: 1280px){.xl-1{width:calc(8.333% - var(--grid-gap) * 11/12)}.xl-2{width:calc(16.667% - var(--grid-gap) * 10/12)}.xl-3{width:calc(25% - var(--grid-gap) * 9/12)}.xl-4{width:calc(33.333% - var(--grid-gap) * 8/12)}.xl-5{width:calc(41.667% - var(--grid-gap) * 7/12)}.xl-6{width:calc(50% - var(--grid-gap) * 6/12)}.xl-7{width:calc(58.333% - var(--grid-gap) * 5/12)}.xl-8{width:calc(66.667% - var(--grid-gap) * 4/12)}.xl-9{width:calc(75% - var(--grid-gap) * 3/12)}.xl-10{width:calc(83.333% - var(--grid-gap) * 2/12)}.xl-11{width:calc(91.667% - var(--grid-gap) * 1/12)}.xl-12{width:calc(100% - var(--grid-gap) * 0/12)}}.spacer{height:100px}.content{height:100%;background-color:#005055;text-align:center;padding:8px}.demo-grid .grid-container{border-radius:5px;background-color:#00959f}.demo-grid .grid-item{border-radius:5px;color:#fff}.button-group{text-align:center;padding:20px}label{color:var(--font-color-1)}.radio-button-input{height:18px;width:18px}input:hover{cursor:pointer}