.chart-widget{display:flex;flex-direction:column;gap:8px;overflow:hidden;min-width:0;background:var(--new-card-bg);box-shadow:var(--new-card-box-shadow)}.chart-widget__tabs{opacity:.7;background:linear-gradient(90deg,#74A8A7 -27.82%,#5D7A75 100%);box-shadow:0 4px 4px rgba(0,0,0,.25)}.chart-widget__tabs-nav{display:flex;justify-content:space-evenly}.tabs-nav__text{color:var(--main-color-dark);font-size:12px;font-weight:600;line-height:14px;letter-spacing:1.68px;text-transform:uppercase;padding:12px;text-align:center;cursor:pointer;width:stretch}.tabs-nav__text.is-active{position:relative;background-color:#2d3d37;color:#f7fbfc;box-shadow:0 2px 6px rgba(0,0,0,.25)inset}.tabs-nav__text.is-active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(282deg,#643F00 2.87%,#F8E2A1 57.04%,#643F00 107.2%)}.chart-widget__header{display:flex;justify-content:space-between;padding:6px 16px}.chart-widget__title{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--text-color)}.chart-widget__subtitle{font-size:clamp(.8rem,2vw,1rem);color:var(--text-color)}.chart-widget__view-fullscreen{width:20px;height:20px;cursor:pointer;opacity:.7;border-radius:0;background-color:var(--text-color);mask-repeat:no-repeat;mask-position:center;mask-image:url(../../hypnos/icons/maximize.svg);align-self:center}.chart-widget__view-fullscreen:hover{opacity:1}.chart-widget__chart{width:100%;height:300px;border:none;padding:0 10px;color-scheme:normal}body.SwWide{.chart-widget { border-radius: 29px; } .chart-widget__tabs { border-top: none; border-radius: 29px 29px 0 0; } .chart-widget__tabs-nav { justify-content: normal; } .tabs-nav__text { padding: 22px; width: auto; } .tabs-nav__text.is-active { border-radius: 29px 29px 0 0; } .tabs-nav__text:first-child { border-top-left-radius: 29px; }}.chart-dialog__landscape{position:fixed;top:50%;left:50%;width:100svh;height:100svw;transform:translate(-50%,-50%)rotate(90deg);display:flex;flex-direction:row;background:var(--dialog-bg)}.chart-dialog__header{display:flex;align-items:center;justify-content:center;padding:8px 0;flex-shrink:0;width:38px;background:var(--dialog-header-bg)}.chart-dialog__close{margin:0}.chart-dialog__frame{width:100%;height:100%;border:none;flex:1;color-scheme:normal;background:0 0}body.SwWide{.chart-dialog__landscape { width: 100svw; height: 100svh; transform: translate(-50%, -50%); flex-direction: column; } .chart-dialog__header { width: 100%; height: 48px; justify-content: flex-end; padding-right: 16px; }}