.subject-icon{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--soft),#fff)!important;border:1px solid color-mix(in srgb,var(--subject) 18%,transparent);box-shadow:0 7px 16px color-mix(in srgb,var(--subject) 13%,transparent)}.subject-icon:after{content:"";position:absolute;width:27px;height:27px;right:-12px;bottom:-12px;border-radius:50%;background:var(--subject);opacity:.12}.subject-icon svg{position:relative;z-index:1;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.quick-icon{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff95,0 7px 15px currentColor}.quick-icon:after{content:"";position:absolute;width:18px;height:18px;right:-7px;bottom:-7px;border-radius:50%;background:currentColor;opacity:.16}.quick-icon svg{position:relative;z-index:1;stroke-width:2}.quick-card.violet .quick-icon{background:linear-gradient(145deg,#eeeafd,#ddd6ff);box-shadow:inset 0 0 0 1px #fff,0 7px 15px #6c55e021}.quick-card.orange .quick-icon{background:linear-gradient(145deg,#fff0e9,#ffddd1);box-shadow:inset 0 0 0 1px #fff,0 7px 15px #fb7a5621}.quick-card.mint .quick-icon{background:linear-gradient(145deg,#e4f9f3,#c9f2e7);box-shadow:inset 0 0 0 1px #fff,0 7px 15px #20a98221}.recent-material-icon{border:1px solid color-mix(in srgb,var(--material-color) 15%,transparent);box-shadow:0 6px 14px color-mix(in srgb,var(--material-color) 12%,transparent)}.bottom-nav svg{transition:.2s transform}.bottom-nav a:active svg{transform:scale(.88)}.bottom-nav a.active svg{filter:drop-shadow(0 3px 5px #624ed234)}@supports not (color:color-mix(in srgb,red,blue)){.subject-icon,.recent-material-icon{border-color:#e8eaf1}}