/* One reversible transition for announcements, dialogs and mobile sheets. */
[data-site-modal][hidden]{display:none!important}
:is(.ntc,.sup-modal,.msup-modal,.m-depsheet,.us-sheet,.aff-modal)[data-site-modal] :is(.ntc-bg,.sup-modal-bg,.msup-modal-bg,.m-depsheet-bg,.us-bg,.aff-modal-bg){
  animation:none;opacity:0;transition:opacity .28s ease;
}
:is(.ntc,.sup-modal,.msup-modal,.m-depsheet,.us-sheet,.aff-modal)[data-site-modal] :is(.ntc-card,.sup-modal-card,.msup-modal-card,.m-depsheet-card,.us-card,.aff-modal-card){
  animation:none;opacity:0;transform:translateY(14px) scale(.98);
  transition:transform .32s cubic-bezier(.22,.68,.24,1),opacity .28s ease;
}
:is(.ntc,.sup-modal,.msup-modal,.m-depsheet,.us-sheet,.aff-modal)[data-site-modal].is-open :is(.ntc-bg,.sup-modal-bg,.msup-modal-bg,.m-depsheet-bg,.us-bg,.aff-modal-bg){opacity:1}
:is(.ntc,.sup-modal,.msup-modal,.m-depsheet,.us-sheet,.aff-modal)[data-site-modal].is-open :is(.ntc-card,.sup-modal-card,.msup-modal-card,.m-depsheet-card,.us-card,.aff-modal-card){opacity:1;transform:translateY(0) scale(1)}
.m-depsheet[data-site-modal] .m-depsheet-card,.msup-modal[data-site-modal] .msup-modal-card{transform:translateY(100%);opacity:1}
.m-depsheet[data-site-modal].is-open .m-depsheet-card,.msup-modal[data-site-modal].is-open .msup-modal-card{transform:translateY(0)}
.m-depsheet[data-site-modal] .m-depsheet-card{max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
.ntc[data-site-modal] .ntc-card{border-radius:5px;max-height:85vh;max-height:85dvh}
/* The dialog receives initial focus; keep focus indicators on its controls only. */
.ntc[data-site-modal] .ntc-card:focus{outline:none}
.ntc[data-site-modal] .ntc-ok{border-radius:2px}
.ntc[data-site-modal] .ntc-bd img{border-radius:3px}
.ntc[data-site-modal] .ntc-ft--services,.ntc[data-site-modal] .ntc-ft--detail{justify-content:flex-end}
@media(max-width:767px){
  .cshop-catalog .cshop-checkout-modal[data-site-modal] .sup-modal-card{transform:translateY(100%)}
  .cshop-catalog .cshop-checkout-modal[data-site-modal].is-open .sup-modal-card{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  :is(.ntc,.sup-modal,.msup-modal,.m-depsheet,.us-sheet,.aff-modal)[data-site-modal] :is(.ntc-bg,.sup-modal-bg,.msup-modal-bg,.m-depsheet-bg,.us-bg,.aff-modal-bg,.ntc-card,.sup-modal-card,.msup-modal-card,.m-depsheet-card,.us-card,.aff-modal-card){transition:none;animation:none}
}