*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;background-color:#fff;color:#414141;line-height:1.5}.page-container{margin:1rem 2rem;border:1px solid #cecece;border-radius:5px}.page-container__header{padding:1rem;border-bottom:1px solid #cecece}.page-container__header__title{color:#212121}.page-container__body{padding:1rem}.btn{display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:inherit;font-weight:600;line-height:inherit;border-radius:5px;padding:.5rem 1rem;outline:none;cursor:pointer;transition:all .2s ease}.btn--primary{background-color:#0097e0;color:#fff;border:none}.btn--primary:hover{opacity:.8}.btn--outline{background-color:transparent;border:1px solid #0097e0;color:#0097e0}.btn--outline:hover{background-color:#bbe7f9;color:#00689a}.btn--active{background-color:#bbe7f9;color:#00689a;border-color:#00689a}.btn--icon{padding:0;background:none;border:none;width:1.2rem;height:1.2rem;color:#0097e0;cursor:pointer;transition:color .2s}.btn--icon:hover{color:#00689a}.btn--icon svg{display:block;width:100%;height:100%;fill:currentColor}.btn__icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.btn__icon svg{display:block;width:100%;height:100%;fill:currentColor}.btn:has(.btn__icon){gap:.3rem}.tooltip{position:absolute;z-index:10000;padding:.5rem .75rem;background-color:#fff;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#212121;border-radius:4px;box-shadow:0 2px 8px #00000026;max-width:350px;word-wrap:break-word;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.tooltip--visible{opacity:1}.tooltip--top:after,.tooltip--bottom:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:4px solid transparent}.tooltip--top:after{bottom:-8px;border-top-color:#fff}.tooltip--bottom:after{top:-8px;border-bottom-color:#fff}.tooltip--left:after,.tooltip--right:after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:4px solid transparent}.tooltip--left:after{right:-8px;border-left-color:#fff}.tooltip--right:after{left:-8px;border-right-color:#fff}