.at-symbol:after{content:"@"}.content-variants-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;opacity:1}.content-variants-container .content-variant{grid-row:1;grid-column:1;opacity:0;position:relative;z-index:1;visibility:hidden;transition-property:opacity,visibility;transition-duration:.5s}.content-variants-container .content-variant.visible{opacity:1;z-index:100;visibility:visible}.content-variants{position:relative}.content-variants__switcher{display:flex;position:absolute;top:-32px;left:0;z-index:1;opacity:.5}.content-variants__switcher:hover{opacity:1}.content-variants__switcher button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;background:#222;cursor:pointer}.content-variants__switcher button.active{color:#fff;background:#00adee;cursor:default}