@property --goc-tia{syntax:"<angle>";inherits:false;initial-value:0deg}.khung-tia{isolation:isolate;position:relative}.khung-tia-vien{z-index:1;border-radius:inherit;padding:var(--day-tia,2px);pointer-events:none;background:linear-gradient(in oklch var(--goc-tia), transparent 0%, transparent 38%, var(--mau-tia-1,var(--color-cam)) 46%, var(--mau-tia-2,var(--color-ngoc)) 54%, transparent 62%, transparent 100%);-webkit-mask-composite:xor;animation:quay-tia var(--tg-tia,6s) linear infinite;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes quay-tia{0%{--goc-tia:0deg}to{--goc-tia:360deg}}@media (prefers-reduced-motion:reduce){.khung-tia-vien{--goc-tia:90deg;animation:none}}
.sach3d{-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;display:flex}.sach3d-san{perspective:900px;perspective-origin:50% 45%;--gay:max(11px, min(9%, 22px));--mep:max(8px, min(6%, 14px));width:100%;padding-bottom:16px;display:block;position:relative}.sach3d-khoi{aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block;position:relative}.sach3d-sau,.sach3d-trang,.sach3d-mep,.sach3d-gay,.sach3d-bia{display:block;position:absolute}.sach3d-sau{border-radius:3px 6px 6px 3px;inset:0 0 0 4px;box-shadow:inset 0 0 0 999px #00000061,8px 10px 22px -6px #05131559}.sach3d-trang{top:4px;bottom:4px;left:var(--gay);background:linear-gradient(90deg,#05131538,#0513150a 14%,#0000 28%),repeating-linear-gradient(#0000 0 13px,#0d90951a 13px 14px) 0 22%/100% 64% no-repeat,#fffdf7;border-radius:0 3px 3px 0;right:3px}.sach3d-mep{width:calc(var(--mep) - 2px);background:linear-gradient(#0513151a,#0000 6% 94%,#0513151f),repeating-linear-gradient(90deg,#fffefa 0 1.6px,#d6dcda 1.6px 2.2px);border-radius:0 3px 3px 0;top:4px;bottom:4px;right:3px;box-shadow:inset -1px 0 #0513151f}.sach3d-gay{width:var(--gay);z-index:2;background-image:linear-gradient(90deg,#0000008c 0%,#00000052 30%,#0000002e 52%,#00000057 78%,#00000080 100%);border-radius:6px 0 0 6px;top:0;bottom:0;left:0}.sach3d-gay:before,.sach3d-gay:after{content:"";background:#ffffff38;border-radius:2px;height:2px;position:absolute;left:2px;right:2px;box-shadow:0 4px #ffffff1f}.sach3d-gay:before{top:9%}.sach3d-gay:after{bottom:calc(9% + 4px)}.sach3d-bia{top:0;bottom:0;left:var(--gay);right:var(--mep);z-index:3;transform-origin:0;border-radius:0 4px 4px 0;transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s;overflow:hidden;box-shadow:inset 5px 0 6px -3px #00000061,2px 0 3px #0513152e;container-type:inline-size}.sach3d-bia:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#ffffff29 0%,#fff0 38%,#0000 70%,#0000001f 100%);position:absolute;inset:0}.sach3d-khung-in{z-index:1;pointer-events:none;border:1px solid #fff1dc52;border-radius:2px;position:absolute;inset:7%}.sach3d-ten{text-shadow:0 1px 2px #00000059;overflow-wrap:anywhere;font-size:clamp(13px,12.5cqi,27px);line-height:1.04}.sach3d-nhan{font-size:clamp(9px,6cqi,12px)}.bia-sang .sach3d-ten{text-shadow:none}.bia-sang .sach3d-khung-in{border-color:#0b1f2247}.sach3d-bong{pointer-events:none;background:radial-gradient(50% 50%,#05131552,#05131500 72%);height:22px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s;display:block;position:absolute;bottom:2px;left:4%;right:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sach3d:not([data-sap]):not([data-dang-sua]):hover .sach3d-bia,.sach3d:not([data-sap]):not([data-dang-sua]):focus-visible .sach3d-bia{transform:rotateY(-38deg);box-shadow:inset 5px 0 6px -3px #00000061,14px 0 24px #05131538}.sach3d:not([data-sap]):not([data-dang-sua]):hover .sach3d-khoi,.sach3d:not([data-sap]):not([data-dang-sua]):focus-visible .sach3d-khoi{transform:translateY(-8px)}.sach3d:not([data-sap]):not([data-dang-sua]):hover .sach3d-bong,.sach3d:not([data-sap]):not([data-dang-sua]):focus-visible .sach3d-bong{opacity:.6;transform:scaleX(.9)}}.sach3d:focus-visible .sach3d-khoi{outline-offset:5px;border-radius:6px;outline:3px solid #0d909573}@media (prefers-reduced-motion:reduce){.sach3d-khoi,.sach3d-bia,.sach3d-bong{transition:none}}