.hidden{height:0;visibility:hidden;width:0}.iframe-container{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.responsive-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.b-models,.b-models *{box-sizing:border-box}.b-models{display:flex;flex-direction:column}@media (min-width:768px){.b-models{flex-direction:row;flex-wrap:wrap;justify-content:center}}.b-models__card{flex:0 0 calc(25% - 1rem);margin:1rem .5rem;position:relative;transition:all .2s ease-in-out}@media (min-width:768px){.b-models__card:hover{transform:translateY(-5px)}}.b-models__card__link{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.b-models__card-inner{background-color:hsla(0,0%,100%,.125);border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.25);display:block;height:0;margin-bottom:1em;overflow:hidden;padding-top:56.25%;position:relative}.b-models__card-inner img{bottom:0;height:100%;left:0;object-fit:contain;position:absolute;right:0;top:0;width:100%}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#10069f;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-wrapper{position:relative}.app-wrapper #app{border-radius:1rem;bottom:10px;color:#1e1e1e;display:block;height:100%;padding:1rem 0;pointer-events:none;position:relative;width:100%}@media (min-width:768px){.app-wrapper #app{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);padding:1rem;position:absolute;row-gap:unset}}.app-wrapper #app button{pointer-events:auto}#app .b-ui{margin-bottom:1rem}@media (min-width:768px){#app .b-ui{grid-area:2/10/13/13;margin:0}}#app .btn-primary,#app .btn-secondary{border-radius:3rem;margin-bottom:.25rem;padding:.5rem 1rem}#app .b-ui .b-ui__layers{display:flex;flex-direction:column}#app .b-ui .b-ui__layer-colors .b-ui__layer-colors__btn-wrapper,#app .b-ui .b-ui__layers .b-ui__layers__btn-wrapper{display:block;height:100%;overflow:scroll;padding-bottom:7rem;pointer-events:auto}#app .b-ui .b-ui__layer-colors .b-ui__layer-colors__btn-wrapper a,#app .b-ui .b-ui__layers .b-ui__layers__btn-wrapper a{display:block;width:100%}#app .b-ui .b-ui__layer-colors,#app .b-ui__layers{background-color:#fafaff;border-radius:1rem;color:#1e1e1e;height:100%;overflow:hidden;padding:1rem;pointer-events:auto;width:100%}#app .b-ui .b-ui__layer-colors a,#app .b-ui__layers a{color:#1e1e1e!important;cursor:pointer;pointer-events:auto;vertical-align:middle}#app .b-color__swatch{border:2px solid #1e1e1e;border-radius:50%;display:inline-block;height:1.25rem;margin-right:.5rem;vertical-align:middle;width:1.25rem}#app .b-ui__color-item{transition:all .2s ease-in-out}@media (min-width:768px){#app .b-ui__color-item:hover{transform:translateX(5px)}}#app .b-ui__title{color:#10069f;margin-bottom:1rem}#app .b-btn__container{background-color:#fafaff;border-radius:1rem;color:#1e1e1e;display:flex;justify-content:center;margin-bottom:1rem;padding:1rem}@media (min-width:768px){#app .b-btn__container{grid-area:12/1/13/4;justify-content:normal;margin:0}}#app .b-btn__container button{display:inline-block;margin:0}#app .b-btn__container small{display:block;line-height:1.25}#app .b-btn__container .b-btn-wrapper:not(:last-child){margin-right:.5rem}#app .b-btn-wrapper{color:#1e1e1e;text-align:center}#app .b-component-list{background-color:#fafaff;border-radius:1rem;color:#1e1e1e;display:flex;flex-direction:column;font-size:1rem;line-height:1.25;margin-bottom:1rem;padding:1rem}@media (min-width:768px){#app .b-component-list{grid-area:2/1/7/4;margin:0}}#app .b-component-list__title{color:#10069f}#app .b-component-list h5{line-height:1.25;margin-bottom:1rem}#app .b-component-list .b-component-list-wrapper{display:block;pointer-events:auto}@media (min-width:768px){#app .b-component-list .b-component-list-wrapper{max-height:200px;overflow:scroll;pointer-events:auto}}#app .b-component-list .b-component-list__item{border-bottom:1px solid #1e1e1e;padding:.5rem 0}#lds-roller__wrapper{align-items:center;background:#fafaff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:#10069f;border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}