[data-fullpage]{--fullpage-height:100vh;--fullpage-direction:x;--fullpage-scroll:mandatory;--slide-background:#cbd5e1;--slide-content-padding:calc(var(--slide-padding)*2);--slide-size:100%;--slide-snap-align:start;--slide-padding:2rem;--slide-arrow-color:#000;--slide-arrow-size:.675rem;position:relative;width:100%;height:var(--fullpage-height);}[data-slides]{position:relative;z-index:0;display:flex;height:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-scroll-snap-type:var(--fullpage-direction) var(--fullpage-scroll);scroll-snap-type:var(--fullpage-direction) var(--fullpage-scroll);}[data-slides]>[data-slide]{position:relative;box-sizing:border-box;min-width:var(--slide-size);min-height:100%;padding:var(--slide-padding);background-color:var(--slide-background);scroll-snap-align:var(--slide-snap-align);}[data-slides] [data-slide-content]{padding:var(--slide-content-padding);}[data-slides]>[data-slide]:first-child{--slide-background:#6ee7b7;}[data-slides]>[data-slide]:nth-child(2){--slide-background:#67e8f9;}[data-slides]>[data-slide]:nth-child(3){--slide-background:#93c5fd;}[data-slides]>[data-slide]:nth-child(4){--slide-background:#c4b5fd;}[data-fullpage]:after,[data-fullpage]:before{position:absolute;top:calc(50% - var(--slide-arrow-size));z-index:1;content:"";display:block;padding:var(--slide-arrow-size);border:solid var(--slide-arrow-color);border-width:0 3px 3px 0;outline:0;transform:translateY(-50%);pointer-events:none;}[data-fullpage]:before{left:calc(var(--slide-padding) + var(--slide-arrow-size));transform:rotate(135deg);-webkit-transform:rotate(135deg);}[data-slides]>[data-slide="1"]~[data-fullpage]:before{display:none;}[data-fullpage]:after{right:calc(var(--slide-padding) + var(--slide-arrow-size));transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}[data-slide-arrow]{position:absolute;top:50%;z-index:100;display:block;width:2rem;height:2rem;font-size:0;transform:translateY(-50%);}[data-slide-arrow=next]{right:var(--slide-padding);}[data-slide-arrow=prev]{left:var(--slide-padding);}