html{font-size:14px}@media(min-width:768px){html{font-size:16px}}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.05)}.error{color:red;font-weight:700}.tiles{display:grid;flex:1;grid-template-columns:repeat(auto-fit,70px);grid-template-rows:repeat(auto-fit,70px);position:relative;grid-gap:10px;overflow:visible}.tiles .tile{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;display:flex;overflow:hidden;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,outline .2s ease-in-out}.tiles .tile.cols-1{grid-column:span 1;width:70px}.tiles .tile.rows-1{grid-row:span 1;height:70px}.tiles .tile.cols-2{grid-column:span 2;width:150px}.tiles .tile.rows-2{grid-row:span 2;height:150px}.tiles .tile.cols-3{grid-column:span 3;width:230px}.tiles .tile.rows-3{grid-row:span 3;height:230px}.tiles .tile.cols-4{grid-column:span 4;width:310px}.tiles .tile.rows-4{grid-row:span 4;height:310px}.tiles .tile.cols-5{grid-column:span 5;width:390px}.tiles .tile.rows-5{grid-row:span 5;height:390px}.tiles .tile.cols-6{grid-column:span 6;width:470px}.tiles .tile.rows-6{grid-row:span 6;height:470px}.tiles .tile.cols-7{grid-column:span 7;width:550px}.tiles .tile.rows-7{grid-row:span 7;height:550px}.tiles .tile.cols-8{grid-column:span 8;width:630px}.tiles .tile.rows-8{grid-row:span 8;height:630px}.tiles .tile:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);outline:4px solid rgba(29,29,29,.1);transform:translateY(-2px)}.tiles .tile .tile-content{display:flex;flex-direction:column;height:100%;width:100%}.tiles .tile .tile-image{background:linear-gradient(45deg,#f8f9fa,#e9ecef);flex:1;object-fit:cover;width:100%}.tiles .tile .tile-image.single-tile{flex:3}.tiles .tile .tile-image.large-tile{flex:4}.tiles .tile .tile-title{align-items:center;background:#fff;border-top:1px solid #e9ecef;color:#333;display:flex;font-size:.75em;font-weight:600;justify-content:center;line-height:1.2;min-height:24px;padding:8px;text-align:center}.cols-1.rows-1 .tiles .tile .tile-title{font-size:.65em;padding:4px}.cols-2 .tiles .tile .tile-title{font-size:.8em}.cols-3 .tiles .tile .tile-title,.rows-3 .tiles .tile .tile-title{font-size:.9em;padding:10px}.cols-4 .tiles .tile .tile-title,.rows-4 .tiles .tile .tile-title{font-size:1em;padding:12px}.tiles .tile.cols-1.rows-1 .tile-title{font-size:.6em;min-height:16px;padding:2px}.tiles .tile.cols-2.rows-2 .tile-title{font-size:.8em;min-height:20px;padding:6px}.tiles .tile.cols-3.rows-3 .tile-title,.tiles .tile.cols-4.rows-4 .tile-title{font-size:1em;min-height:32px;padding:10px}.tiles .tile .teaser{align-items:center;background:#f8f9fa;display:flex;font-size:1.2em;height:100%;justify-content:center;padding:1em;text-align:center;width:100%}@media(max-width:768px){.tiles{grid-template-columns:repeat(auto-fit,60px);grid-template-rows:repeat(auto-fit,60px)}.tiles .tile.cols-1{width:60px}.tiles .tile.rows-1{height:60px}.tiles .tile.cols-2{width:130px}.tiles .tile.rows-2{height:130px}.tiles .tile.cols-3{width:200px}.tiles .tile.rows-3{height:200px}.tiles .tile.cols-4{width:270px}.tiles .tile.rows-4{height:270px}.tiles .tile.cols-5{width:340px}.tiles .tile.rows-5{height:340px}.tiles .tile.cols-6{width:410px}.tiles .tile.rows-6{height:410px}.tiles .tile.cols-7{width:480px}.tiles .tile.rows-7{height:480px}.tiles .tile.cols-8{width:550px}.tiles .tile.rows-8{height:550px}}@media(max-width:480px){.tiles{grid-template-columns:repeat(auto-fit,50px);grid-template-rows:repeat(auto-fit,50px)}.tiles .tile.cols-1{width:50px}.tiles .tile.rows-1{height:50px}.tiles .tile.cols-2{width:110px}.tiles .tile.rows-2{height:110px}.tiles .tile.cols-3{width:170px}.tiles .tile.rows-3{height:170px}.tiles .tile.cols-4{width:230px}.tiles .tile.rows-4{height:230px}.tiles .tile.cols-5{width:290px}.tiles .tile.rows-5{height:290px}.tiles .tile.cols-6{width:350px}.tiles .tile.rows-6{height:350px}.tiles .tile.cols-7{width:410px}.tiles .tile.rows-7{height:410px}.tiles .tile.cols-8{width:470px}.tiles .tile.rows-8{height:470px}.tiles .tile .tile-title{font-size:.6em!important;padding:2px!important}}.notifications{align-items:flex-end;bottom:2em;display:flex;flex-direction:column;position:fixed;right:2em}.notification-toast{align-items:center;background-color:#fff;box-shadow:1px 7px 14px -5px rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:row;max-width:500px;padding:.8em;position:relative;text-align:left}.notification-toast+.notification-toast{margin-top:1em}.notification-toast.success:before{background-color:#2bde3f}.notification-toast.error:before{background-color:#e7431a}.notification-toast.info:before{background-color:#1d72f3}.notification-toast.warning:before{background-color:#ffc007}.notification-toast:before{content:"";height:2px;left:0;position:absolute;top:0;width:100%}.notification-toast .notification-toast-details{flex:1}.notification-toast .notification-toast-details .notification-toast-title{color:#3e3e3e;font-weight:700;margin-bottom:8px;margin-top:0}.notification-toast .notification-toast-details .notification-toast-description{color:#878787;font-size:14px;margin-bottom:0;margin-top:0}.notification-toast .notification-toast-close{cursor:pointer;height:14px;width:14px;fill:#878787;background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.642 15.642" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 15.642 15.642"><path fill-rule="evenodd" d="M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061  c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061  l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541  l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z"></path></svg>') no-repeat 50%;margin-left:1.2em}