@media screen and (orientation:landscape){:root{--layoutWidth:1280;--layoutHeight:800}}@media screen and (orientation:portrait){:root{--layoutWidth:800;--layoutHeight:1280}}:root{--blue:#0790eb;--cobalt-100:#11192e;--cobalt-200:#404759;--cobalt-60:#7075b2;--cobalt-40:#a1a3ab;--light-grey:#f5f5f5;--white:#fff}.IconButton{background:var(--cobalt-40);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}@media only screen and (min-width:1280px){.IconButton{width:94px;height:94px}}.IconButton{transition:background .25s cubic-bezier(.4,0,.2,1)}.IconButton:hover,.IconButton:focus-visible{background:var(--blue)}.IconButton:disabled{opacity:.4;cursor:not-allowed}.IconButton:disabled:hover,.IconButton:disabled:focus-visible{background:var(--cobalt-40)}.IconButton--variant-primary{color:var(--white)}.IconButton--variant-outline{width:48px;height:48px;color:var(--cobalt-100);background:var(--white);border:1px solid var(--light-grey)}.IconButton--variant-outline:hover,.IconButton--variant-outline:focus-visible{background:var(--light-grey)}.IconButton--variant-outline:disabled:hover,.IconButton--variant-outline:disabled:focus-visible{background:var(--white)}.IconButton__icon{width:16px;height:16px}@media only screen and (min-width:1280px){.IconButton__icon{width:24px;height:24px}}.IconButton--variant-outline .IconButton__icon{width:20px;height:20px}