/*
===========================================================
-- DO NOT EDIT!!!----------------------------------------
-- THIS IS A GENERATED FILE. CHANGES WILL BE OVERWRITTEN --
===========================================================
*/
@keyframes pop{0%{transform:scale(0.9)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.pop-animation{animation:pop .3s ease-in-out}@keyframes pop-small{0%{transform:scale(90%)}100%{transform:scale(100%)}}.pop-animation-small{animation:pop-small .3s ease-in-out}.draw-border{box-shadow:inset 0 0 0 4px #58afd1;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border::before,.draw-border::after{border:0 solid rgba(0,0,0,0);box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border::before{border-bottom-width:4px;border-left-width:4px}.draw-border::after{border-top-width:4px;border-right-width:4px}.draw-border:hover{color:#ffe593}.draw-border:hover::before,.draw-border:hover::after{border-color:#ffe593;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover::before{transition-delay:0s,0s,.25s}.draw-border:hover::after{transition-delay:0s,.25s,0s}.ugc{position:relative;width:100%;padding-top:32px}@media screen and (min-width: 750px){.ugc{padding:32px 0 0}}.ugc__grid{display:grid;max-width:1850px;padding:0;margin:0 auto;grid-template-columns:repeat(2, 1fr)}@media screen and (min-width: 750px){.ugc__grid{grid-template-columns:repeat(4, 1fr);padding:0 20px}}@media screen and (min-width: 1025px){.ugc__grid{grid-template-columns:repeat(6, 1fr)}}.ugc__grid-item{position:relative;overflow:hidden;width:100%;padding-top:100%;background-color:var(--primary-color-4)}@media screen and (min-width: 1025px){.ugc__grid-item{padding-top:99%}}.ugc__grid-item .responsive-image__wrapper{position:absolute;top:0;left:0;width:100%}@media screen and (max-width: 750px){.ugc__grid-item.small-order--1{order:1}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--2{order:2}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--3{order:3}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--4{order:4}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--5{order:5}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--6{order:6}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--7{order:7}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--8{order:8}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--9{order:9}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--10{order:10}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--11{order:11}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--12{order:12}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--13{order:13}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--14{order:14}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--15{order:15}}@media screen and (max-width: 750px){.ugc__grid-item.small-order--16{order:16}}.ugc__grid-item .ugc__grid-item-link{position:absolute;z-index:2;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease}.ugc__grid-item .ugc__grid-item-link:hover{opacity:1}.ugc__grid-item--info{display:flex;min-height:188px;flex-direction:column;align-items:center;justify-content:center;padding:15px;background-color:#fff;grid-column:span 2}@media screen and (min-width: 750px){.ugc__grid-item--info{min-height:auto;padding:0 15px}}.ugc__grid-item--info h2{margin:3px 0 10px;text-align:center;text-transform:uppercase}@media screen and (min-width: 1400px){.ugc__grid-item--info h2{margin:1px 0 14px}}.theme-tip-top .ugc__grid-item--info h2{font-family:var(--font-bold),helvetica,arial,sans-serif;font-size:0.5625rem;letter-spacing:0.09rem;line-height:0.6875rem}@media screen and (min-width: 750px){.theme-tip-top .ugc__grid-item--info h2{font-size:0.6875rem;letter-spacing:0.11rem;line-height:0.8125rem}}.ugc__grid-item--info h3{max-width:219px;margin:0;text-align:center}@media screen and (min-width: 750px){.ugc__grid-item--info h3{max-width:255px}}.theme-tip-top .ugc__grid-item--info h3{font-family:var(--font-heading),helvetica,arial,sans-serif;font-size:1.5625rem;letter-spacing:-0.03125rem;line-height:1.9375rem}@media screen and (min-width: 750px){.theme-tip-top .ugc__grid-item--info h3{font-size:1.75rem;letter-spacing:-0.035rem;line-height:2.25rem}}