.diary-carousel{color:#fff;isolation:isolate;background:#09090b;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden;& *,& :before,& :after{box-sizing:border-box}}.diary-carousel__viewport{height:100%;position:relative;overflow:hidden}.diary-carousel__track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}}.diary-carousel__slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;min-width:100%;height:100%;margin:0;padding:0;list-style:none}.diary-carousel__image-button{appearance:none;cursor:zoom-in;background:#09090b;border:0;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.diary-carousel__image{object-fit:contain;width:100%;height:100%;display:block}.diary-carousel__nav,.diary-lightbox__nav,.diary-lightbox__close{appearance:none;backdrop-filter:blur(18px);color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:background .18s,border-color .18s,opacity .18s,transform .18s;display:inline-flex;& svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:22px;height:22px}&:hover{background:#ffffff3d;border-color:#ffffff57;transform:translateY(-1px)}&:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}}.diary-carousel__nav{opacity:0;z-index:3;width:38px;height:38px;position:absolute;top:50%;transform:translateY(-50%);&:hover{transform:translateY(calc(-50% - 1px))}}.diary-carousel:hover .diary-carousel__nav,.diary-carousel:focus-within .diary-carousel__nav{opacity:1}.diary-carousel__nav--prev{left:clamp(14px,2.5vw,26px)}.diary-carousel__nav--next{right:clamp(14px,2.5vw,26px)}.diary-carousel__counter{backdrop-filter:blur(16px);color:#ffffffe0;letter-spacing:0;z-index:2;background:#1111116b;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1;position:absolute;bottom:clamp(18px,2.5vw,28px);right:clamp(16px,2.5vw,28px)}.diary-carousel__pagination{backdrop-filter:blur(16px);z-index:3;background:#1111114d;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:7px;padding:9px 11px;display:flex;position:absolute;bottom:clamp(18px,2.5vw,28px);left:50%;transform:translate(-50%)}.diary-carousel__dot{appearance:none;cursor:pointer;background:#ffffff73;border:0;border-radius:999px;width:7px;height:7px;margin:0;padding:0;transition:background .18s,transform .18s,width .18s;&.is-active{background:#fff;width:18px;transform:scale(1.05)}&:focus-visible{outline-offset:3px;outline:2px solid #fff}}.diary-carousel__empty{color:#ffffffb8;justify-content:center;align-items:center;height:100%;font-size:14px;display:flex}html.diary-lightbox-open{overflow:hidden}.diary-lightbox{color:#fff;background:#050506f5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;&::backdrop{backdrop-filter:blur(18px);background:#000000b8}}.diary-lightbox__chrome{pointer-events:none;z-index:4;justify-content:flex-end;align-items:center;gap:12px;padding:clamp(18px,3vw,34px);display:flex;position:fixed;top:0;left:0;right:0}.diary-lightbox__counter{backdrop-filter:blur(16px);color:#ffffffe0;pointer-events:auto;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:600;line-height:1}.diary-lightbox__close{pointer-events:auto;width:42px;height:42px}.diary-lightbox__stage{place-items:center;width:100%;height:100%;padding:clamp(72px,9vh,104px) clamp(18px,8vw,116px) clamp(54px,7vh,86px);display:grid;position:relative}@keyframes diaryLightboxFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.diary-lightbox__figure{place-items:center;width:100%;height:100%;margin:0;display:none;position:relative;&.is-active{animation:.18s cubic-bezier(.16,1,.3,1) forwards diaryLightboxFade;display:grid}}.diary-lightbox__image{object-fit:contain;width:auto;max-width:100%;max-height:calc(100dvh - 150px);display:block}.diary-lightbox__caption{color:#ffffffa8;letter-spacing:0;white-space:nowrap;font-size:13px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}.diary-lightbox__nav{z-index:4;width:48px;height:48px;position:fixed;top:50%;transform:translateY(-50%);&:hover{transform:translateY(calc(-50% - 1px))}}.diary-lightbox__nav--prev{left:clamp(18px,4vw,48px)}.diary-lightbox__nav--next{right:clamp(18px,4vw,48px)}@media (hover:none){.diary-carousel__nav{opacity:1}}@media (width<=640px){.diary-carousel__nav{display:none}.diary-carousel__counter{font-size:11px;bottom:16px;right:14px}.diary-carousel__pagination{bottom:16px}.diary-lightbox__stage{padding-bottom:84px;padding-left:14px;padding-right:14px}.diary-lightbox__image{max-height:calc(100dvh - 180px)}.diary-lightbox__caption{text-align:center;white-space:normal;max-width:calc(100vw - 32px);line-height:1.45;bottom:-46px}.diary-lightbox__nav{width:44px;height:44px;top:50%;transform:translateY(-50%);&:hover{transform:translateY(calc(-50% - 1px))}}.diary-lightbox__nav--prev{left:14px}.diary-lightbox__nav--next{right:14px}}