.no-margin-bottom[data-v-9d8ab9cd]{margin-bottom:0}.video-controls[data-v-9d8ab9cd]{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.video-controls .control-button[data-v-9d8ab9cd]{align-items:center;background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.video-controls .control-button[data-v-9d8ab9cd]:hover{background-color:#3d8b40}.video-controls .control-button svg[data-v-9d8ab9cd]{height:16px;width:16px}.videos-grid[data-v-9d8ab9cd]{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem auto 0;max-width:1200px;padding:0 1rem}.video-instruction[data-v-9d8ab9cd]{display:flex;flex-direction:column;gap:1rem}.video-title[data-v-9d8ab9cd]{color:var(--color-text);font-size:1.25rem;font-weight:600;margin:0;text-align:center}.video-container[data-v-9d8ab9cd]{aspect-ratio:16/9;background-color:#000;border-radius:18px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-container[data-v-9d8ab9cd]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.video-container video[data-v-9d8ab9cd]{cursor:pointer;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease;width:100%}.play-button[data-v-9d8ab9cd]{align-items:center;background-color:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;outline:none;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:60px;z-index:2}.play-button[data-v-9d8ab9cd]:hover{background-color:var(--color-primary);transform:translate(-50%,-50%) scale(1.1)}.play-button svg[data-v-9d8ab9cd]{height:24px;width:24px}.video-modal[data-v-9d8ab9cd]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:2rem 0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:1000}.video-modal.active[data-v-9d8ab9cd]{opacity:1;visibility:visible}.modal-header[data-v-9d8ab9cd]{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 24px}.modal-title[data-v-9d8ab9cd]{color:#333;font-size:1.25rem;font-weight:600;margin:0}.modal-content[data-v-9d8ab9cd]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;position:relative;width:100%}.modal-content[data-v-9d8ab9cd]:before{border-radius:12px;bottom:0;box-shadow:0 0 0 1px #ffffff1a;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.modal-video[data-v-9d8ab9cd]{box-shadow:0 20px 60px #00000080;display:block;height:auto;max-height:80vh;width:100%}@media (max-width:768px){.videos-grid[data-v-9d8ab9cd]{grid-template-columns:1fr;max-width:100%;padding:0}.video-container[data-v-9d8ab9cd]{border-radius:0}}.section-video-play[data-v-9d8ab9cd]{align-items:center;background-color:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#27272b;display:flex;height:96px;justify-content:center;left:50%;transform:translate(-50%,-50%);transition:all .25s cubic-bezier(.645,.045,.355,1);width:96px}.section-video-play svg[data-v-9d8ab9cd]{height:48px;width:48px}.section-video-play svg path[data-v-9d8ab9cd]{stroke:currentColor;stroke-width:1.5;transition:stroke .3s ease}[data-v-9d8ab9cd] .el-dialog{background-color:#000;border-radius:12px;margin:0 auto;padding:0}[data-v-9d8ab9cd] .el-dialog__header{display:none;height:0;padding:0}[data-v-9d8ab9cd] .el-dialog__body{background-color:transparent;padding:0}[data-v-9d8ab9cd] .el-dialog__close{color:#fff!important}[data-v-9d8ab9cd] .el-dialog__headerbtn{align-items:center;background-color:#222222e6;border-radius:50%;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .3s ease;width:40px;z-index:10}[data-v-9d8ab9cd] .el-dialog__headerbtn:hover{background-color:#333;transform:rotate(90deg)}[data-v-9d8ab9cd] .el-dialog__headerbtn .el-dialog__close{font-size:18px;font-weight:700}