section.image-swapper{background-color:rgba(var(--bg))}section.image-swapper .lead-in{margin:0 auto;max-width:61.875rem;text-align:center}section.image-swapper .lead-in .column{flex-grow:1}section.image-swapper .lead-in .title h2{margin-bottom:0}section.image-swapper ul.tabs{display:flex;flex-direction:column;gap:3.75rem;list-style:none;margin:0;padding:0}section.image-swapper ul.tabs>li{border-left:2px solid rgba(var(--fg));cursor:pointer;opacity:.5;padding:0 0 0 1.5rem;transition:all .3s ease-in-out}section.image-swapper ul.tabs>li.is-active{border-left-color:rgba(var(--primary-color));opacity:1}section.image-swapper .tab-content-wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}section.image-swapper .tab-content-wrapper .tab-content{display:flex;grid-area:1/1}section.image-swapper .tab-content-wrapper .tab-content .image{width:100%}section.image-swapper .tab-content-wrapper .tab-content.is-active .image{opacity:1}section.image-swapper .tab-content-wrapper .image{background-color:rgba(var(--white));border-radius:1.5rem;opacity:0;overflow:hidden;padding:10%;transition:all .3s ease-in-out}section.image-swapper .tab-content-wrapper .image-ratio{height:100%}section.image-swapper .tab-content-wrapper .image-ratio img{object-fit:contain}section.image-swapper.is-accordion.matching-bg:not(:is(.wp-block-group>.matching-bg:first-of-type)){padding-top:var(--padding)!important}section.image-swapper.is-accordion .lead-in{margin:0 0 2.5rem;max-width:none;text-align:left}section.image-swapper.is-accordion .content{text-align:left}section.image-swapper.is-accordion .intro p{margin:0}section.image-swapper.is-accordion ul.tabs{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}section.image-swapper.is-accordion ul.tabs>li{border-bottom:.0625rem solid rgba(var(--kgal-grey-2));border-left:0;cursor:pointer;opacity:1;padding:.9375rem 1.25rem;position:relative;transition:background-color .25s ease,color .25s ease}section.image-swapper.is-accordion ul.tabs>li .header{align-items:center;display:flex;gap:1.25rem;justify-content:space-between}section.image-swapper.is-accordion ul.tabs>li .header h3{margin:0}section.image-swapper.is-accordion ul.tabs>li .swap-toggle{align-items:center;border:.0625rem solid transparent;border-radius:.125rem;display:inline-flex;flex:0 0 auto;height:2.125rem;justify-content:center;position:relative;width:2.125rem}section.image-swapper.is-accordion ul.tabs>li .swap-toggle:after,section.image-swapper.is-accordion ul.tabs>li .swap-toggle:before{background-color:currentColor;content:"";position:absolute}section.image-swapper.is-accordion ul.tabs>li .swap-toggle:before{height:2px;width:.875rem}section.image-swapper.is-accordion ul.tabs>li .swap-toggle:after{height:.875rem;width:2px}section.image-swapper.is-accordion ul.tabs>li .description,section.image-swapper.is-accordion ul.tabs>li .swap-link,section.image-swapper.is-accordion ul.tabs>li .tags{display:none}section.image-swapper.is-accordion ul.tabs>li .links{display:none;flex-direction:column;gap:.75rem;margin:2rem 0 0}section.image-swapper.is-accordion ul.tabs>li .links .button{border-color:currentColor}section.image-swapper.is-accordion ul.tabs>li.is-active{background-color:rgba(var(--primary-color));border-color:transparent;color:rgba(var(--white))}section.image-swapper.is-accordion ul.tabs>li.is-active .description{display:block;margin:2rem 0 0}section.image-swapper.is-accordion ul.tabs>li.is-active .links{display:flex}section.image-swapper.is-accordion ul.tabs>li.is-active .swap-link{background-color:rgba(var(--white));color:rgba(var(--primary-color));display:inline-flex;margin-top:1.25rem}section.image-swapper.is-accordion ul.tabs>li.is-active .swap-toggle{border-color:rgba(var(--white))}section.image-swapper.is-accordion ul.tabs>li.is-active .swap-toggle:after{display:none}section.image-swapper.is-accordion ul.tabs>li.is-active .tags{display:flex}section.image-swapper.is-accordion ul.tabs>li ul.tags{flex-wrap:wrap;gap:.75rem;list-style:none;margin:2rem 0 0;padding:0}section.image-swapper.is-accordion ul.tabs>li ul.tags>li{border:1px solid rgba(var(--white));display:inline-block;margin:0;padding:.625rem}section.image-swapper.is-accordion .tab-content .image{border-radius:0;padding:0}section.image-swapper.is-accordion .tab-content .image-ratio{aspect-ratio:16/9;overflow:hidden;padding-top:0}section.image-swapper.is-accordion .tab-content .image-ratio img{display:block;height:100%;object-fit:cover;width:100%}@media(min-width:768px){section.image-swapper.is-accordion .tab-content .image-ratio{aspect-ratio:unset;max-width:30rem;min-height:30rem}section.image-swapper.is-accordion .image-swapper-wrapper{gap:1.5rem}section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs{flex:1 0 50%}section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs>li{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:1.5625rem 1.25rem!important}section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs>li.is-active{padding:2.5rem 1.25rem 2.1875rem!important}section.image-swapper.is-accordion .image-swapper-wrapper .tab-content-wrapper{flex:0 0 41.6666666667%;max-width:30rem}section.image-swapper.is-accordion ul.tabs li{padding:2.25rem 1.25rem}section.image-swapper.is-accordion ul.tabs li.is-active .links{flex-direction:row}}@media(min-width:992px){section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs>li{padding:1.875rem 4rem!important}section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs>li.is-active{padding:2.1875rem 4rem!important}section.image-swapper.is-accordion .content{align-items:start;column-gap:4rem;display:grid;grid-template-columns:1fr 1fr}section.image-swapper.is-accordion .lead-in{margin-bottom:3.5rem}section.image-swapper.is-accordion .intro{margin-top:.5rem}}section.image-swapper.image-full .image{overflow:hidden;padding:0}section.image-swapper.image-full .image-ratio img{object-fit:cover}section.image-swapper.bg-dark ul.tabs>li.is-active{border-left-color:rgba(var(--white))}@media(min-width:768px){section.image-swapper .image-swapper-wrapper{display:flex;flex-direction:row-reverse;justify-content:space-between}section.image-swapper .image-swapper-wrapper ul.tabs{flex:0 0 41.6666666667%}section.image-swapper .image-swapper-wrapper .tab-content-wrapper{flex:0 0 50%}section.image-swapper.is-accordion .image-swapper-wrapper .tab-content-wrapper,section.image-swapper.is-accordion .image-swapper-wrapper ul.tabs{flex:1 0 calc(50% - 12px)}section.image-swapper.is-accordion.square-image .tab-content-wrapper{max-width:none}section.image-swapper.is-accordion.square-image .tab-content .image-ratio{max-width:none;min-height:30rem;padding-top:97%}section.image-swapper.reverse.is-accordion .image-swapper-wrapper{flex-direction:row}}