.app-container{max-width:1920px;margin:auto}
toot-ghost-list .events-list{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left}toot-ghost-list .events-list .event{width:100%}@media screen and (min-width: 768px){toot-ghost-list .events-list{margin-left:-1%;justify-content:space-around}toot-ghost-list .events-list .event{width:calc(100% / var(--tt-line-count) - var(--tt-line-count) * 1%);margin-bottom:1em;margin-left:1%}}
toot-ghost-list .event{display:flex;flex-wrap:nowrap;width:100%;margin:1px;background-color:#fff}toot-ghost-list .event .crop{position:relative;min-width:80px;width:80px;height:80px;background-color:#eee}toot-ghost-list .event .crop,toot-ghost-list .event .event-info,toot-ghost-list .event .name,toot-ghost-list .event .sub-info{display:block}toot-ghost-list .event .event-info{position:relative;font-size:.75em;width:calc(100% - 80px);align-self:center;padding:5px;padding-right:20px}toot-ghost-list .event .event-info .name,toot-ghost-list .event .event-info .sub-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f5f5;height:1.42857143em;background-image:linear-gradient(90deg, #eee 0px, #fafafa 40px, #eee 80px);background-size:80vw;-webkit-animation:ghost-lines 2000ms infinite linear;animation:ghost-lines 2000ms infinite linear}toot-ghost-list .event .event-info .name{color:#272727;position:relative;margin-bottom:3px}toot-ghost-list .event .event-info .sub-info{width:100%}toot-ghost-list .event .event-info .venue{height:2.2em}toot-ghost-list .event .event-info .date{margin-top:3px;width:30%}toot-ghost-list .event .badge-buy-ticket{display:none}@media screen and (min-width: 768px){toot-ghost-list .event{display:block;width:100%;margin:0}toot-ghost-list .event .crop{width:100%;padding-bottom:100%}toot-ghost-list .event .event-info{width:100%;padding-right:5px}toot-ghost-list .event .event-info .name{display:block;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-bottom:5px;min-height:3.1em}toot-ghost-list .event .event-info .sub-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}toot-ghost-list .event .event-info .date{margin-top:5px}}@media screen and (min-width: 992px){toot-ghost-list .event .name{font-size:15px;padding-bottom:0}toot-ghost-list .event .event-info{padding:10px 0}}@media screen and (min-width: 1200px){toot-ghost-list .event .name{padding-bottom:0}toot-ghost-list .event .event-info{padding:10px 0}}
toot-events-list .events-list{display:flex;flex-wrap:wrap;justify-content:flex-start;text-align:left}toot-events-list .events-list div[toot-event-listing-item]{width:100%}@media screen and (min-width: 768px){toot-events-list .events-list{margin-left:-1%;justify-content:space-around}toot-events-list .events-list div[toot-event-listing-item]{width:calc(100% / var(--tt-line-count) - 1%);margin-bottom:1em;margin-left:1%}}
[toot-event-listing-item] .event{display:flex;flex-wrap:nowrap;width:100%;border:1px solid #f5f5f5;background-color:#fff}[toot-event-listing-item] .event .crop{position:relative;min-width:80px;width:80px;height:80px;background-color:#f5f5f5}[toot-event-listing-item] .event .crop img{width:100%}[toot-event-listing-item] .event .crop,[toot-event-listing-item] .event .event-info,[toot-event-listing-item] .event .name,[toot-event-listing-item] .event .sub-info{display:block}[toot-event-listing-item] .event .event-info{position:relative;font-size:.75em;width:calc(100% - 80px);align-self:center;padding:5px;padding-right:20px}[toot-event-listing-item] .event .event-info::after{position:absolute;content:"❯";font-size:1.33em;color:#8a8a8a;top:50%;transform:translateY(-50%);right:10px}[toot-event-listing-item] .event .event-info .name,[toot-event-listing-item] .event .event-info .sub-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[toot-event-listing-item] .event .event-info .name{color:#272727;position:relative;font-weight:500}[toot-event-listing-item] .event .event-info .sub-info{width:100%;color:#8a8a8a;font-weight:400}[toot-event-listing-item] .event .event-info .selling-tickets{position:absolute;bottom:0;right:0px;justify-content:flex-end;display:flex}[toot-event-listing-item] .event .event-info .selling-tickets .tickets-badge{margin:5px;color:var(--tt-primary-color, #3598db);border:1px solid var(--tt-primary-color, #3598db);font-weight:500;padding:0 5px}[toot-event-listing-item] .event .badge-buy-ticket{display:none}@media screen and (min-width: 768px){[toot-event-listing-item] .event{display:block;width:100%;border:none;-webkit-transition:box-shadow .3s;-moz-transition:box-shadow .3s;-ms-transition:box-shadow .3s;-o-transition:box-shadow .3s}[toot-event-listing-item] .event:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.302),0 1px 3px 1px rgba(60,64,67,.149)}[toot-event-listing-item] .event .crop{width:100%;padding-bottom:100%}[toot-event-listing-item] .event .event-info{width:100%;padding-right:5px}[toot-event-listing-item] .event .event-info::after{display:none}[toot-event-listing-item] .event .event-info .name{display:block;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-moz-line-clamp:2;-ms-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;padding-bottom:5px;min-height:3.1em}[toot-event-listing-item] .event .event-info .sub-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[toot-event-listing-item] .event .event-info .date{padding-top:5px}[toot-event-listing-item] .event .event-info .selling-tickets{position:relative}}@media screen and (min-width: 992px){[toot-event-listing-item] .event .name{font-size:15px;padding-bottom:0}[toot-event-listing-item] .event .event-info{padding:10px;padding-right:10px}}@media screen and (min-width: 1200px){[toot-event-listing-item] .event .name{font-weight:600;padding-bottom:0}[toot-event-listing-item] .event .event-info{padding:10px}}
@-webkit-keyframes ghost-lines{0%{background-position:-100px}40%{background-position:40vw}100%{background-position:60vw}}@keyframes ghost-lines{0%{background-position:-100px}40%{background-position:40vw}100%{background-position:60vw}}*,:after,:before{box-sizing:border-box}html{font-size:100%;background-color:transparent}body{font-family:"Montserrat","Open Sans","sans-serif";font-weight:400;font-size:inherit;background-color:transparent;line-height:1.42857143;margin:5px;padding:0}a{cursor:pointer;text-decoration:none}a:hover,a:focus{text-decoration:none}