html:has([data-template=rhys]),html:has([data-template=rhys]) body{position:relative;scrollbar-width:thin;scrollbar-color:#aeb2b3 #f7f5f2}html:has(.po){--template-scroll-thumb:rgba(25,23,23,.48);--template-scroll-active:#dc5e17}html:has(.po) .template-scrollbar-thumb{box-shadow:0 0 0 1px rgba(255,255,255,.4),0 1px 4px rgba(0,0,0,.16)}html:has(.template-scrollbar){scrollbar-width:none;scrollbar-gutter:auto}html:has(.template-scrollbar)::-webkit-scrollbar{display:none;width:0;height:0}.template-scrollbar{position:fixed;z-index:65;top:max(8px,env(safe-area-inset-top));right:0;bottom:max(8px,env(safe-area-inset-bottom));width:14px;touch-action:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .3s}.template-scrollbar[data-scrollable=true]{pointer-events:auto;cursor:pointer}.template-scrollbar[data-scrollable=true]:is([data-active=true],:hover,:focus-visible,[data-dragging=true]){opacity:1}.template-scrollbar-thumb{position:absolute;top:0;left:5px;width:4px;border-radius:999px;background:var(--template-scroll-thumb);box-shadow:0 0 0 1px rgba(15,20,30,.18);cursor:grab;transition:width .2s,background .2s}.template-scrollbar:is(:hover,:focus-visible,[data-dragging=true]) .template-scrollbar-thumb{left:4px;width:6px;background:var(--template-scroll-active)}.template-scrollbar:focus-visible{outline:none}.template-scrollbar:focus-visible .template-scrollbar-thumb{outline:2px solid var(--template-scroll-active);outline-offset:2px}.template-scrollbar[data-dragging=true] .template-scrollbar-thumb{cursor:grabbing}:is(.rc-site,.nr-site):has(dialog[open]) .template-scrollbar{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.template-scrollbar,.template-scrollbar-thumb{transition:none}}@media(forced-colors:active){.template-scrollbar[data-scrollable=true]{opacity:1}.template-scrollbar-thumb{background:CanvasText}}[data-template=kelo-marketing]{--template-scroll-thumb:rgba(15,118,86,.65);--template-scroll-active:#087653}[data-template=kelo-marketing] .template-scrollbar-thumb{box-shadow:0 0 0 1px rgba(255,255,255,.2),0 1px 4px rgba(0,0,0,.18)}.tomasfolio-host{--tm-host-wordmark-en:18vw;--tm-host-wordmark-zh-mobile:22vw}.tomasfolio-host .tm-site[data-locale=en] .tm-wordmark{font-size:var(--tm-host-wordmark-en)}@media(max-width:600px){.tomasfolio-host{--tm-host-wordmark-en:19vw}.tomasfolio-host .tm-site[data-locale=zh] .tm-wordmark{font-size:var(--tm-host-wordmark-zh-mobile)}}