@layer components{html:has(.modal_wrap[open]){overflow:hidden}.modal_wrap{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip;&[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer &.preview,&.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}&::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}&[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{&[open]::backdrop{opacity:0}}&.side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}&.full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}}.modal_content{background-color:var(--background);border-radius:var(--radius-main);opacity:0;width:100%;max-width:34rem;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden;.modal_wrap.side-panel &{max-width:var(--_panel);border-radius:0;max-height:none}.modal_wrap.full-screen &{border-radius:0;max-width:none;max-height:none}.modal_wrap:is([open],.stacki-opened) &,.stacki-designer .modal_wrap.preview &{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] &{opacity:0;translate:var(--_from)}}}.modal_close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal_scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto;.modal_wrap.full-screen &{height:100%}}.modal_body{padding:var(--_close) var(--space-6) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease);.modal_wrap.full-screen &{align-content:center;min-height:100%;display:grid}.modal_wrap:is([open],.stacki-opened) &,.stacki-designer .modal_wrap.preview &{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] &{translate:var(--_body)}}}}.rb-t-section{--site-gutter:1.25rem;margin-inline:auto;width:100%;max-width:72rem;color:var(--text);background:0 0;margin-top:1.5rem;padding-inline:1rem;position:relative}@media (width>=40rem){.rb-t-section{margin-top:2rem;padding-inline:1.5rem}}.rb-t-section .rb-t-stage{position:relative}.rb-t-section .card_wrap.stacked{--_padding:0;--_visual-ratio:16 / 9;border-radius:var(--radius-main);transition:box-shadow var(--hover-duration) var(--hover-ease);background-color:#fff;border:1px solid #e5e5e5;gap:0;overflow:clip;box-shadow:0 1px 2px #0000000d,0 0 0 1px #0000000d}.rb-t-section .card_wrap.stacked:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px #0000000d}.rb-t-section .card_visual{aspect-ratio:16/9}.rb-t-section .card_visual .image{object-fit:cover;width:100%;height:100%;display:block}.rb-t-section .rb-t-card__play{z-index:1;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.rb-t-section .rb-t-card__footer{background:#fff;border-top:1px solid #f5f5f5;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.rb-t-section .rb-t-card__brand{justify-content:center;align-items:center;max-height:2.5rem;display:inline-flex}.rb-t-section .rb-t-card__brand-img{object-fit:contain;width:auto;max-width:180px;max-height:2.5rem}.rb-t-section .rb-t-card__pending{aspect-ratio:16/9;text-align:center;background:linear-gradient(to bottom right,#f5f5f5,#e5e5e5);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.rb-t-section .rb-t-card__pending-name{color:#262626;margin:0;font-size:.875rem;font-weight:600}.rb-t-section .rb-t-card__pending-note{color:#737373;margin:0;font-size:.75rem}.rb-t-modal.modal_wrap{padding:var(--site-margin)}.rb-t-modal .modal_content{background:#fff;width:100%;max-width:min(56rem,100vw - 2rem)}.rb-t-modal .modal_body{padding:2.75rem .75rem .75rem}.rb-t-modal__frame{aspect-ratio:16/9;background:#fff;border-radius:.75rem;width:100%;overflow:hidden}.rb-t-modal__video{object-fit:contain;background:#fff;border:0;width:100%;height:100%;display:block}