@property --scroll-area--start{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-area--end{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-area--inline-start{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-area--inline-end{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-area--fade{syntax:"<length>";inherits:true;initial-value:24px}:where([data-minamo-styled-scroll-area]){--scroll-area--fade:var(--override-scroll-area--fade-size,1.5rem);--scroll-area--direction:to bottom;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(var(--scroll-area--direction), transparent 0, #000 var(--scroll-area--start), #000 calc(100% - var(--scroll-area--end)), transparent 100%);mask-image:linear-gradient(var(--scroll-area--direction), transparent 0, #000 var(--scroll-area--start), #000 calc(100% - var(--scroll-area--end)), transparent 100%);overflow:auto}:where([data-minamo-styled-scroll-area][data-minamo-scroll-area-static~=block]){overscroll-behavior-block:auto}:where([data-minamo-styled-scroll-area][data-minamo-scroll-area-static~=inline]){overscroll-behavior-inline:auto}:where([data-minamo-scroll-area=horizontal]){--scroll-area--direction:to right}:where([data-minamo-scroll-area=horizontal]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--scroll-area--direction:to left}:where([data-minamo-scroll-area=both]){--scroll-area--inline-direction:to right;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--scroll-area--start), #000 calc(100% - var(--scroll-area--end)), transparent 100%), linear-gradient(var(--scroll-area--inline-direction), transparent 0, #000 var(--scroll-area--inline-start), #000 calc(100% - var(--scroll-area--inline-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--scroll-area--start), #000 calc(100% - var(--scroll-area--end)), transparent 100%), linear-gradient(var(--scroll-area--inline-direction), transparent 0, #000 var(--scroll-area--inline-start), #000 calc(100% - var(--scroll-area--inline-end)), transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}:where([data-minamo-scroll-area=both]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){--scroll-area--inline-direction:to left}:where([data-minamo-styled-scroll-area]:focus-visible){outline:var(--minamo-focus-ring-width,2px) solid var(--minamo-focus-ring-color,var(--minamo-ui-high-border,currentColor));outline-offset:var(--minamo-focus-ring-offset,2px)}@supports (animation-timeline:scroll()){:where([data-minamo-styled-scroll-area]){animation-name:minamo-scroll-area-start,minamo-scroll-area-end;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self),scroll(self);animation-range:0 calc(var(--scroll-area--fade) * 2), calc(100% - var(--scroll-area--fade) * 2) 100%}:where([data-minamo-scroll-area=horizontal]){animation-timeline:scroll(self inline),scroll(self inline)}:where([data-minamo-scroll-area=both]){animation-name:minamo-scroll-area-start,minamo-scroll-area-end,minamo-scroll-area-inline-start,minamo-scroll-area-inline-end;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(self),scroll(self),scroll(self inline),scroll(self inline);animation-range:0 calc(var(--scroll-area--fade) * 2), calc(100% - var(--scroll-area--fade) * 2) 100%, 0 calc(var(--scroll-area--fade) * 2), calc(100% - var(--scroll-area--fade) * 2) 100%}}@keyframes minamo-scroll-area-inline-start{0%{--scroll-area--inline-start:0px}to{--scroll-area--inline-start:var(--scroll-area--fade)}}@keyframes minamo-scroll-area-inline-end{0%{--scroll-area--inline-end:var(--scroll-area--fade)}to{--scroll-area--inline-end:0px}}@keyframes minamo-scroll-area-start{0%{--scroll-area--start:0px}to{--scroll-area--start:var(--scroll-area--fade)}}@keyframes minamo-scroll-area-end{0%{--scroll-area--end:var(--scroll-area--fade)}to{--scroll-area--end:0px}}:where([data-minamo-styled-scroll-area]:focus-visible,[data-minamo-styled-scroll-area]:has(:focus-visible)){-webkit-mask-image:none;mask-image:none}@media (forced-colors:active){:where([data-minamo-styled-scroll-area]){-webkit-mask-image:none;mask-image:none}}