---
title: "Holy Spirit High School"
url: https://stacklist.com/card/716794e5-e4da-4396-a021-7ede6ea59dac
source_url: "https://www.holyspirithighschool.com/"
stack: https://stacklist.com/c/education/stack/703c68f5-f562-44df-8427-44a7f6309937
summary: "Holyspirithighschool content contains CSS code for a lightbox component with styling for overlay, buttons, and focus states. The code defines visual properties and interactive elements for a modal-style image viewer or content display component."
tags: "css, lightbox, web-component, styling, ui-design, html, frontend"
key_entities: "Holyspirithighschool (organization), CSS (technology), Vue.js (technology)"
classification: "code"
content_hash: "sha256:2f5400e93e8886b09917568182fa1267219ed7dc71e43682c0977098dacf460b"
acp_version: "0.2"
token_counts_approximate: 216
visibility: public
agent_accessible: true
status: "final"
---

# Holy Spirit High School

#lightbox[data-v-10ac16b1]{align-items:center;background:#000000d9;display:flex;justify-content:center;inset:0;position:fixed;z-index:4}#lightbox[data-v-10ac16b1] *{pointer-events:auto}#lightbox[data-v-10ac16b1]:focus{outline:none}.close[data-v-10ac16b1],.left-arrow[data-v-10ac16b1],.right-arrow[data-v-10ac16b1]{height:48px;width:48px}.close .svg-wrapper[data-v-10ac16b1],.left-arrow .svg-wrapper[data-v-10ac16b1],.right-arrow .svg-wrapper[data-v-10ac16b1]{background:none;border:none;cursor:pointer;margin:unset;padding:unset}.close .button[data-v-10ac16b1]:focus,.close .svg-wrapper[data-v-10ac16b1]:focus,.left-arrow .button[data-v-10ac16b1]:focus,.left-arrow .svg-wrapper[data-v-10ac16b1]:focus,.right-arrow .button[data-v-10ac16b1]:focus,.right-arrow .svg-wrapper[data-v-10ac16b1]:focus{outline:none}.close button[data-v-10ac16b1]::-moz-focus-inner,.left-a