@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=lightbulb_2");:root{--container-width:110px;--container-height:150px;--page-outline-width:110px;--page-outline-height:150px;--lightbulb-size:70px;--animation-delay:2s}.icon-main-container{position:relative;width:var(
    --container-width
  );height:var(
    --container-height
  )}.page-outline{position:absolute;padding:8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;box-shadow:7px 5px 5px rgba(0,0,0,.1)}.page-content{width:100%;height:100%;background-color:#ffffff;box-sizing:border-box;position:relative}.page-content.reverse{background:linear-gradient(135deg,#4a00e0,#c751cd)}@keyframes rotate{0%{transform:rotate(0deg) translateX(0);transform-origin:bottom left}to{transform:rotate(15deg) translateX(10px);transform-origin:bottom left}}#back-page-outline{width:var(--page-outline-width);height:var(--page-outline-height);top:0;left:0;z-index:1;background:linear-gradient(135deg,#3e00ba,#a63aa2);border-radius:18px;animation:rotate .3s ease-in-out forwards var(--animation-delay)}#back-page-outline.reverse{background:white}#back-page-content{border-radius:12px}#front-page-outline{width:var(--page-outline-width);height:var(--page-outline-height);top:0;left:0;z-index:10;background:linear-gradient(135deg,#4a00e0,#c751cd);border-radius:18px}#front-page-outline.reverse{background:white}#front-page-content{border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.lightbulb-container{width:70px;height:95px;position:relative;margin-top:10px;z-index:3}.ray-container{position:absolute;width:80px;height:30px;top:-20px;left:50%;transform:translateX(-50%);z-index:4}.ray{position:absolute;width:6px;background:linear-gradient(135deg,#4a00e0,#c751cd);border-radius:6px}.ray.reverse{background:white}@keyframes ray-animation-1{0%{height:0;top:22px}50%{height:18px;top:0}to{height:18px;top:4px}}@keyframes ray-animation-2{0%{height:0;top:24px;left:15px}50%{height:18px;top:0;left:10px}to{height:18px;top:8px;left:15px}}@keyframes ray-animation-3{0%{height:0;top:24px;right:15px}50%{height:18px;top:0;right:10px}to{height:18px;top:8px;right:15px}}.ray.r1{height:0;top:4px;left:50%;transform:translateX(-50%) rotate(0deg);animation:ray-animation-1 .3s ease-in-out forwards calc(var(--animation-delay) + .2s)}.ray.r2{left:15px;transform:rotate(-40deg);animation:ray-animation-2 .3s ease-in-out forwards calc(var(--animation-delay) + .2s)}.ray.r2,.ray.r3{height:0;top:8px}.ray.r3{right:15px;transform:rotate(40deg);animation:ray-animation-3 .3s ease-in-out forwards calc(var(--animation-delay) + .2s)}.lightbulb-container span.material-symbols-outlined{font-size:var(--lightbulb-size);font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 70;background:linear-gradient(135deg,#4a00e0,#c751cd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lightbulb-container span.material-symbols-outlined.reverse{color:white;-webkit-text-fill-color:white}.text-line-container{width:95%;margin-top:4px;margin-bottom:5px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:3}.text-line-container.back-page{margin-top:18px;gap:18px}.text-line{width:100%;height:6px;background:linear-gradient(135deg,#4a00e0,#c751cd);border-radius:6px}.text-line.reverse{background:white}.text-line.short{width:70%}