.shade-modal{background-color:#fff;border-radius:.625rem;bottom:1rem;display:none;flex-direction:column;height:calc(100vh - 2rem);height:calc(var(--vh, 1vh)*100 - 2rem);left:100%;opacity:0;overflow:hidden;position:fixed;right:0;top:1rem;transform:translateZ(0);will-change:opacity,transform;z-index:200}@media screen and (min-width:921px){.shade-modal.active{opacity:1;transform:translate3d(calc(-100% - 1rem),0,0)}}.shade-modal.full{min-width:calc(100% - 2rem);width:calc(100% - 2rem)}.shade-modal.large{width:81.8%}@media (min-width:1px) and (max-width:920px){.shade-modal.large{width:100%}}.shade-modal.small{max-width:32.8125rem;width:100%}@media (min-width:1px) and (max-width:920px){.shade-modal.small{max-width:100%}}.shade-modal.visible-layer{display:flex}@media (min-width:1px) and (max-width:920px){.shade-modal.visible-layer{display:none}}.shade-modal__wrapper{background-color:rgba(0,0,0,.502);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;will-change:opacity;z-index:103}@media (min-width:1px) and (max-width:920px){.shade-modal__wrapper{display:none}}@media screen and (min-width:920px){.shade-modal__wrapper.active{opacity:1;pointer-events:all}}@media (min-width:1px) and (max-width:920px){.shade-modal__title{width:calc(100% - 3.125rem)}}.shade-modal__header{align-items:center;border-bottom:1px solid #c4c4c4;display:flex;max-height:5.25rem;padding:1.1875rem 2.1875rem;z-index:20}@media (min-width:1px) and (max-width:920px){.shade-modal__header{flex-wrap:wrap;justify-content:space-between;max-height:5.25rem;max-height:none;padding:1.1875rem 1.25rem}}.shade-modal__body{height:calc(100vh - 5.25rem);height:calc(var(--vh, 1vh)*100 - 5.25rem);overflow-x:hidden;position:relative}@media (min-width:1px) and (max-width:920px){.shade-modal__body{height:calc(100vh - 8.125rem);height:calc(var(--vh, 1vh)*100 - 8.125rem)}}.shade-modal__body:before{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));content:"";display:block;height:7.375rem;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:10}@media (min-width:1px) and (max-width:920px){.shade-modal__body:before{height:7.375rem}}.shade-modal__body:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);bottom:0;content:"";display:block;height:7.375rem;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:10}@media (min-width:1px) and (max-width:920px){.shade-modal__body:after{height:7.375rem}}.shade-modal__body.haze__bottom:after,.shade-modal__body.haze__top:before{opacity:1}.shade-modal__body-inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none}.shade-modal__body-inner::-webkit-scrollbar{display:none}