.copy_btn{position:relative;padding:4px 8px;height:21px;display:flex;align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:#666;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.copy_btn:after{font-family:Font Awesome\ 6 Free;content:"";font-size:1.4rem;margin-left:3px;font-weight:900}.copy_btn:hover{background-color:#e9e9e9;border-color:#bbb}.copy_btn:active{transform:translateY(1px)}.copy_btn.copied{background-color:#4caf50;color:#fff;border-color:#45a049}.copy_btn.copied:after{font-family:Font Awesome\ 6 Free;content:"";margin-left:4px;font-weight:900}@media(prefers-color-scheme:dark){.copy_btn{background-color:#2d2d2d;border-color:#555;color:#ccc}.copy_btn:hover{background-color:#3d3d3d;border-color:#777}.copy_btn.copied{background-color:#4caf50;color:#fff;border-color:#45a049}.copy_btn.copied:after{font-family:Font Awesome\ 6 Free;content:"";margin-left:4px;font-weight:900}}pre{position:relative}pre .copy_btn{position:absolute;top:8px;right:8px;z-index:10}@media(max-width:768px){pre .copy_btn{top:4px;right:4px;padding:2px 6px;font-size:11px}}.code-section{position:relative}.code-section .copy_btn{margin-bottom:8px}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.copy_btn.copied{animation:copySuccess .3s ease}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:1000;max-width:100%!important;cursor:pointer}.video-modal-overlay.onOpen{animation:modal_opacity .3s ease-in-out forwards}.video-modal-overlay.onOpen .video-modal-content{animation:modal_zoom .3s ease-in-out forwards}.video-modal-overlay.onClose{animation:modal_opacity_r .3s ease-in-out forwards}.video-modal-overlay.onClose .video-modal-content{animation:modal_zoom_r .3s ease-in-out forwards}.video-modal-content{position:relative;width:90%;max-width:800px;background-color:#000;border-radius:4px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.5)}.video-modal-close{position:absolute;top:-30px;right:-30px;width:30px;height:30px;font-size:24px;color:#fff;background:transparent;border:none;cursor:pointer}.video-modal-close:hover{opacity:.8}.video-modal-close:focus{outline:none;opacity:.8}.video-modal-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.video-modal-player iframe,.video-modal-player video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000}.video-modal-loading-spinner{width:40px;height:40px;border-radius:50%;border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.js-modal-video{cursor:pointer}.video-thumbnail{position:relative;cursor:pointer;overflow:hidden;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.video-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8)}.video-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.video-thumbnail:hover:after{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.video-thumbnail img{width:100%;height:auto;display:block}.video-thumbnail .play-button{position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);opacity:.8;transition:background-color .3s,opacity .3s;width:35%;height:40%;max-width:160px;max-height:100px;border-radius:10%/15%;box-shadow:0 0 15px hsla(0,0%,100%,.678);transition:var(--transition)}.video-thumbnail .play-button:after{content:"";display:block;height:48%;max-height:50px;aspect-ratio:.8660254038;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);background:var(--c-wh)}.video-thumbnail+[class*=-caption]{margin-top:5px;font-weight:700;text-align:center}.video-thumbnail:hover .play-button{background-color:rgba(0,0,0,.8);opacity:1;box-shadow:none}.video-thumbnail[data-video-id] .play-button{background-color:rgba(255,0,0,.6)}.video-thumbnail[data-video-id]:hover .play-button{background-color:rgba(255,0,0,.8)}@keyframes modal_opacity{0%{opacity:0;display:none}to{opacity:1;display:flex}}@keyframes modal_opacity_r{0%{opacity:1;display:flex}to{opacity:0;display:none}}@keyframes modal_zoom{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes modal_zoom_r{0%{transform:scale(1)}to{transform:scale(.5)}}