@layer components{.swap{position:relative}.swap .mask{max-width:100%;overflow:hidden}.swap .list>.item{box-sizing:border-box;vertical-align:middle}.swap input[type=radio],.swap input[type=checkbox]{visibility:hidden;opacity:0;z-index:-1;display:none;position:absolute;z-index:-1}.swap .btn,.swap label{user-select:none}.swap .btn{cursor:pointer;margin:initial}.swap .btn .label{font-weight:initial}.swap .nav-btn,.swap .nav-dots{visibility:hidden;opacity:0;display:flex;text-align:center;vertical-align:middle}.swap .nav-btn{position:absolute;display:block;top:50%;width:100%}.swap .nav-btn .btn{position:absolute;top:50%;transform:translateY(-50%)}.swap .nav-btn .btn.btn-before{left:0}.swap .nav-btn .btn.btn-next{right:0}.swap.set-nav-btn-before .nav-btn,.swap.set-nav-btn-next .nav-btn{visibility:visible;opacity:1;display:block}}@layer components{.swap-toggle>.mask{height:0;overflow:hidden;visibility:hidden;opacity:0;transition:all 250ms ease-in-out}.swap-toggle>.nav>.btn{position:relative;display:block;width:100%;overflow:hidden;transition:all 250ms ease-in-out;border:0;border-radius:initial}.swap-toggle>.nav>.btn:hover{background-color:#c2cad6}.swap-toggle>.nav>.btn::after{content:"+";display:block;margin:0 .5rem;right:0;width:1rem;height:1rem;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.swap-toggle>.nav>.btn *{display:inline-block;margin:0;vertical-align:middle}.swap-toggle>.checkbox:checked~.mask{height:auto;visibility:visible;opacity:1}.swap-toggle>.checkbox:checked~.nav>.btn::after{content:"-"}.swap-toggle.active>.mask{height:auto;visibility:visible;opacity:1}.swap-toggle.active>.btn::after{content:"-"}}