.explorer-visual:has(>.hp4){align-items:flex-start;padding:26px 16px 0}.hp4{flex:none;width:330px;max-width:100%}.hp4-figure{justify-items:stretch;display:block}.hp4-screen{--hp4-u:calc(var(--gt-fs,1.1282) * var(--pt,1px));--gt-gk:var(--gt-fs,1.1282);background:var(--gt-bg);color:var(--gt-label);font-family:var(--gt-font);font-size:calc(13 * var(--hp4-u));-webkit-font-smoothing:antialiased;line-height:1.2;position:absolute;inset:0;overflow:hidden}.hp4-screen>*{position:absolute}.hp4-add{left:calc(329 * var(--hp4-u));top:calc(46 * var(--hp4-u));width:calc(45 * var(--hp4-u));height:calc(45 * var(--hp4-u));background:var(--gt-card);color:var(--gt-blue);box-shadow:0 calc(1 * var(--hp4-u)) calc(2 * var(--hp4-u)) #1018280a, 0 calc(8 * var(--hp4-u)) calc(24 * var(--hp4-u)) calc(-8 * var(--hp4-u)) #1018281a;border-radius:50%;place-items:center;display:grid}.hp4-add__icon{width:calc(23 * var(--hp4-u));height:calc(23 * var(--hp4-u))}.hp4-title{left:calc(17 * var(--hp4-u));top:calc(104 * var(--hp4-u));font-size:calc(33 * var(--hp4-u));line-height:calc(40 * var(--hp4-u));letter-spacing:-.01em;font-weight:700}.hp4-date{left:calc(18 * var(--hp4-u));top:calc(155 * var(--hp4-u));font-size:calc(15.5 * var(--hp4-u));line-height:calc(20 * var(--hp4-u));color:var(--gt-label-2)}.hp4-stats{left:calc(18 * var(--hp4-u));top:calc(196 * var(--hp4-u));width:calc(354 * var(--hp4-u));height:calc(137 * var(--hp4-u));padding-top:calc(18 * var(--hp4-u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hp4-stat{align-items:center;gap:calc(6 * var(--hp4-u));height:calc(64 * var(--hp4-u));flex-direction:column;display:flex}.hp4-stat+.hp4-stat{border-left:calc(1 * var(--hp4-u)) solid var(--gt-hairline)}.hp4-stat__num{font-family:var(--gt-font-rounded);font-size:calc(30 * var(--hp4-u));line-height:calc(32 * var(--hp4-u));font-variant-numeric:tabular-nums;font-weight:600}.hp4-stat__label{font-size:calc(12 * var(--hp4-u));line-height:calc(15 * var(--hp4-u));color:var(--gt-label-2)}.hp4-blue{color:var(--gt-blue)}.hp4-teal{color:var(--gt-teal)}.hp4-red{color:var(--gt-red)}.hp4-streak{left:calc(18 * var(--hp4-u));right:calc(18 * var(--hp4-u));top:calc(88 * var(--hp4-u));align-items:center;gap:calc(7 * var(--hp4-u));height:calc(40 * var(--hp4-u));border-top:calc(1 * var(--hp4-u)) solid var(--gt-hairline);font-size:calc(12 * var(--hp4-u));color:var(--gt-label-2);display:flex;position:absolute}.hp4-streak__flame{width:calc(19 * var(--hp4-u));height:calc(19 * var(--hp4-u));color:var(--gt-orange)}.hp4-streak__text{flex:1}.hp4-h{left:calc(18 * var(--hp4-u));font-size:calc(16.5 * var(--hp4-u));line-height:calc(20 * var(--hp4-u));font-weight:600}.hp4-h--deadline{top:calc(352 * var(--hp4-u))}.hp4-h--today{top:calc(521 * var(--hp4-u))}.hp4-h--exam{top:calc(630 * var(--hp4-u))}.hp4-deadline{left:calc(18.1 * var(--hp4-u));top:calc(384 * var(--hp4-u))}.hp4-deadline .gt-deadline__plan:after{content:"";width:calc(12 * var(--hp4-u));height:calc(12 * var(--hp4-u));margin:calc(-6 * var(--hp4-u)) 0 0 calc(-6 * var(--hp4-u));opacity:0;pointer-events:none;background:#0a1b1659;border-radius:50%;position:absolute;top:50%;left:50%}.hp4-deadline .gt-deadline__plan:before{background:var(--gt-blue)}.hp4-today{left:calc(18 * var(--hp4-u));top:calc(552.5 * var(--hp4-u));align-items:center;gap:calc(12 * var(--hp4-u));width:calc(354 * var(--hp4-u));height:calc(58 * var(--hp4-u));padding:0 calc(17 * var(--hp4-u)) 0 calc(19 * var(--hp4-u));display:flex}.hp4-today__topic{font-size:calc(16.5 * var(--hp4-u));flex:1}.hp4-today__min{font-size:calc(12 * var(--hp4-u));color:var(--gt-label-2)}.hp4-today__check{width:calc(20 * var(--hp4-u));height:calc(20 * var(--hp4-u));margin-left:calc(2 * var(--hp4-u));border:calc(1.6 * var(--hp4-u)) solid var(--gt-label-2);border-radius:50%}.hp4-exam{left:calc(18 * var(--hp4-u));top:calc(661 * var(--hp4-u));width:calc(354 * var(--hp4-u));height:calc(150 * var(--hp4-u))}.hp4-exam__ring{left:calc(20 * var(--hp4-u));top:calc(35 * var(--hp4-u));width:calc(70 * var(--hp4-u));height:calc(70 * var(--hp4-u));border:calc(7 * var(--hp4-u)) solid var(--gt-tint-risk);border-top-color:var(--gt-orange);border-right-color:var(--gt-orange);border-radius:50%;position:absolute;rotate:-20deg}.hp4-exam__head{left:calc(97 * var(--hp4-u));top:calc(16 * var(--hp4-u));align-items:center;gap:calc(9 * var(--hp4-u));font-size:calc(12.5 * var(--hp4-u));color:var(--gt-label-2);display:flex;position:absolute}.hp4-exam__course{left:calc(97 * var(--hp4-u));top:calc(52 * var(--hp4-u));font-size:calc(17 * var(--hp4-u));font-weight:600;position:absolute}.hp4-copy.gt-arow{left:calc(28 * var(--hp4-u));top:calc(424 * var(--hp4-u));z-index:3;height:calc(36 * var(--hp4-u));padding:0 calc(14 * var(--hp4-u)) 0 calc(12 * var(--hp4-u));--gt-w:auto;border-radius:calc(12 * var(--hp4-u));box-shadow:0 0 0 calc(1 * var(--hp4-u)) #1018280f, 0 calc(2 * var(--hp4-u)) calc(6 * var(--hp4-u)) #10182814;opacity:0}.hp4-copy:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 calc(14 * var(--hp4-u)) calc(28 * var(--hp4-u)) calc(-8 * var(--hp4-u)) #1018284d;opacity:0;position:absolute;inset:0}.hp4-copy .gt-arow__dot{width:calc(8 * var(--hp4-u));height:calc(8 * var(--hp4-u));margin-right:calc(8 * var(--hp4-u))}.hp4-copy .gt-arow__text{align-items:baseline;gap:calc(4 * var(--hp4-u));flex-direction:row}.hp4-copy .gt-arow__title,.hp4-copy .gt-arow__meta{font-size:calc(15 * var(--hp4-u));line-height:calc(20 * var(--hp4-u));color:var(--gt-label);margin:0;font-weight:600}.hp4-copy :is(.gt-arow__course,.gt-arow__due,.gt-arow__weight,.gt-arow__status){display:none}.hp4-dock{left:calc(19.1 * var(--hp4-u));top:calc(704.7 * var(--hp4-u));z-index:2}.hp4-tabs{left:calc(22 * var(--hp4-u));top:calc(764 * var(--hp4-u));z-index:2;width:calc(346 * var(--hp4-u));height:calc(60 * var(--hp4-u));padding:0 calc(5 * var(--hp4-u));border-radius:calc(30 * var(--hp4-u));box-shadow:0 calc(1 * var(--hp4-u)) calc(2 * var(--hp4-u)) #1018280a, 0 calc(8 * var(--hp4-u)) calc(24 * var(--hp4-u)) calc(-8 * var(--hp4-u)) #1018281a;background:#fffffff0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.hp4-tab{align-items:center;gap:calc(4 * var(--hp4-u));padding:calc(6 * var(--hp4-u)) 0;border-radius:calc(24 * var(--hp4-u));font-size:calc(10 * var(--hp4-u));line-height:calc(12 * var(--hp4-u));color:#1c1c1e;flex-direction:column;font-weight:500;display:flex}.hp4-tab--on{color:var(--gt-blue);background:#e6ecee}.hp4-tab__icon{width:calc(24 * var(--hp4-u));height:calc(24 * var(--hp4-u))}@media screen and (prefers-reduced-motion:no-preference){.hp4[data-inview=pending] *,.hp4[data-inview=pending] :before,.hp4[data-inview=pending] :after{animation-play-state:paused!important}.hp4[data-inview] .gt-deadline__plan:after{animation:hp4-dot .72s var(--ease-out) .25s both}.hp4[data-inview] .gt-deadline__plan:before{animation:hp4-halo .7s var(--ease-out) .33s both}.hp4[data-inview] .gt-deadline__plan{animation:hp4-press .32s var(--ease-out) .3s both}.hp4[data-inview] .hp4-copy{animation:1.2s linear .95s both hp4-copy}.hp4[data-inview] .hp4-copy:after{animation:1.2s linear .95s both hp4-copy-shadow}.hp4[data-inview] .hp4-dock{animation:hp4-dock .32s var(--ease-out) 1.65s both}.hp4[data-inview] .hp4-dock .gt-dock__text{animation:hp4-dock-text .2s var(--ease-out) 1.95s both}}@keyframes hp4-dot{0%{opacity:0;scale:.6}28%{opacity:1;scale:1}78%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes hp4-halo{0%{opacity:0;scale:1}10%{opacity:.45;scale:1}to{opacity:0;scale:1.8}}@keyframes hp4-press{0%,to{scale:1}40%{scale:.95}}@keyframes hp4-copy{0%{opacity:0;translate:0;scale:1}10%{opacity:1;animation-timing-function:var(--ease-out);translate:0;scale:1}37.5%{opacity:1;translate:0 calc(-8 * var(--hp4-u));animation-timing-function:var(--ease-spring);scale:1.02}83%{opacity:1;translate:calc(var(--hp4-dx) * var(--hp4-u)) calc(var(--hp4-dy) * var(--hp4-u));scale:1}to{opacity:0;translate:calc(var(--hp4-dx) * var(--hp4-u)) calc(var(--hp4-dy) * var(--hp4-u));scale:1}}@keyframes hp4-copy-shadow{0%,10%{opacity:0}37.5%{opacity:1}75%{opacity:1}83%,to{opacity:0}}@keyframes hp4-dock{0%{opacity:0;scale:.96;translate:0 calc(6 * var(--hp4-u))}}@keyframes hp4-dock-text{0%{opacity:0}}.hp4-copy{--hp4-dx:7;--hp4-dy:293}@media (width<=720px){.explorer-visual:has(>.hp4){height:478px;padding:22px 12px 0}.hp4{width:300px}}