.sitchco-modal{--modal-bg-color: rgb(0 0 0 / .7);--modal-max-width: 980px;--wp--style--root--padding-left: var(--modal-container-padding-h, 1rem);--wp--style--root--padding-right: var(--modal-container-padding-h, 1rem);--modal-backdrop-color: transparent;--modal-container-flex: 0 0 auto;--modal-container-margin: auto;--modal-container-width: 100%;--modal-container-max-width: var(--modal-max-width);--modal-container-bg: #fff;--modal-container-color: #000;--modal-container-padding: 1rem;--modal-container-border-radius: 0px;--modal-box-gap: 2rem;--modal-close-size: 2rem;--modal-close-color: var(--modal-container-color);--modal-close-color-hover: color-mix(in srgb, var(--modal-close-color) 70%, transparent);--modal-close-top: max(.5rem, calc(var(--modal-container-padding) - var(--modal-close-size)));--modal-close-right: max(.5rem, calc(var(--modal-container-padding-h, 1rem) - var(--modal-close-size)));--modal-close-bg: transparent;--modal-close-bg-hover: var(--modal-close-bg);--modal-close-bg-size: 130%;--modal-close-bg-radius: 50%}@media(min-width:576px){.sitchco-modal{--modal-container-padding: 3rem }}.sitchco-modal{display:flex;flex-direction:column;border:none;padding:0;max-width:none;max-height:none;background:transparent;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(-100vh);transition:opacity var(--transition-duration) var(--transition-timing-out),transform var(--transition-duration) var(--transition-timing-out),display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}.sitchco-modal[open]{opacity:1;transform:translateY(0);transition:opacity var(--transition-duration) var(--transition-timing-in),transform var(--transition-duration) var(--transition-timing-in),display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}@starting-style{.sitchco-modal[open]{opacity:0;transform:translateY(-100vh)}}.sitchco-modal::backdrop{background:var(--modal-backdrop-color);transition:background-color var(--transition-duration) var(--transition-timing-out),display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}.sitchco-modal[open]::backdrop{transition:background-color var(--transition-duration) var(--transition-timing-in),display var(--transition-duration) allow-discrete,overlay var(--transition-duration) allow-discrete}@starting-style{.sitchco-modal[open]::backdrop{background:transparent}}.sitchco-modal--box{--modal-backdrop-color: var(--modal-bg-color)}@media(min-width:576px){.sitchco-modal--box{padding:var(--modal-box-gap)}}.sitchco-modal--full{--modal-backdrop-color: transparent;--modal-container-flex: 1 0 auto;--modal-container-margin: 0;--modal-container-max-width: none}.sitchco-modal__container{position:relative;display:flex;flex-flow:column wrap;flex:var(--modal-container-flex);margin:var(--modal-container-margin);width:var(--modal-container-width);max-width:var(--modal-container-max-width);padding-top:var(--modal-container-padding);padding-bottom:var(--modal-container-padding);border-radius:var(--modal-container-border-radius);pointer-events:auto;background:var(--modal-container-bg);color:var(--modal-container-color)}.sitchco-modal__content{width:100%;margin:auto}.sitchco-modal__close{appearance:none;background:none;border:none;padding:0;cursor:pointer;position:absolute;z-index:1;top:var(--modal-close-top);right:var(--modal-close-right);height:var(--modal-close-size);width:var(--modal-close-size);line-height:var(--modal-close-size);font-size:var(--modal-close-size);color:var(--modal-close-color);text-align:center;transition:all var(--transition-duration) var(--transition-timing)}.sitchco-modal__close:before{content:"";display:block;position:absolute;top:50%;left:50%;width:var(--modal-close-bg-size);height:0;padding-top:var(--modal-close-bg-size);transform:translate(-50%,-50%);background:var(--modal-close-bg);border-radius:var(--modal-close-bg-radius);z-index:-1;transition:background-color var(--transition-duration) var(--transition-timing)}.sitchco-modal__close:hover,.sitchco-modal__close:active,.sitchco-modal__close:focus{color:var(--modal-close-color-hover)}.sitchco-modal__close:hover:before,.sitchco-modal__close:active:before,.sitchco-modal__close:focus:before{background:var(--modal-close-bg-hover)}.sitchco-modal--blockdismiss .sitchco-modal__close{visibility:hidden}@media(prefers-reduced-motion:reduce){.sitchco-modal,.sitchco-modal::backdrop{transition-duration:0s}}