.scroll-area-body{border-radius:.75rem;position:relative;display:flex;width:100%;flex:1 1 0%;flex-direction:column;padding-top:.75rem;padding-bottom:.75rem}.scroll-area-body:not(.dark-mode):not(.unstyled){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));box-shadow:0 4px 8px #00000013 inset}.scroll-area-body.dark-mode:not(.unstyled){border-width:1px;border-color:#fff3;background-color:#ffffff1a;box-shadow:0 5px 15px #0006 inset}@media (min-width: 768px){.scroll-area-body:not(.no-border-mode){border-width:1px;box-shadow:0 4px 8px #00000013 inset}}.scroll-area-body.no-border-mode{padding-left:0!important;padding-right:0!important}@media (min-width: 768px){.scroll-area-body{padding-right:.625rem;padding-left:1rem}}.scroll-area-wrapper{position:relative;display:flex;flex-direction:column;overflow-x:hidden;padding-top:.75rem;padding-bottom:.75rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0,100% 0;mask-position:0 0,100% 0;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,black 1rem,black calc(100% - 1rem),transparent),linear-gradient(to left,black 12px,transparent 10px);mask-image:linear-gradient(to bottom,transparent,black 1rem,black calc(100% - 1rem),transparent),linear-gradient(to left,black 12px,transparent 10px)}@media (min-width: 768px){.scroll-area-wrapper{padding-right:.75rem}}