.webstories{padding:.5rem}@media only screen and (min-width:576px){.webstories{padding:1rem}}.webstories-main{display:flex;flex-direction:column;gap:1.5rem}.webstories-featured{background:var(--clr-neutral-85)}.webstories-featured .webstories-item{min-width:220px;max-width:250px;background:var(--clr-neutral-85)}.webstories-featured .webstories-navigation{margin-left:auto}.webstories-featured .webstories-item-title{color:var(--clr-black)}.webstories-featured .webstories-wrapper{display:flex;gap:1rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.webstories-featured .webstories-wrapper::-webkit-scrollbar{display:none}.webstories-featured .section__title,.webstories-featured .categories-item{color:var(--clr-black);border-color:var(--clr-black)}.webstories-featured .section__title:hover,.webstories-featured .categories-item:hover{background:none}.webstories-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--clr-neutral-70);border-radius:.5rem}.webstories-container .section__title{flex-shrink:0}.webstories-more{margin:auto}.webstories-header{display:flex;justify-content:space-between;align-items:center;gap:2rem}.webstories-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media only screen and (min-width:576px){.webstories-wrapper{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.webstories-item{display:flex;flex-direction:column;position:relative;border:1px solid var(--clr-neutral-70);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 3px 0 rgba(0,0,0,.11);margin-bottom:.5rem}.webstories-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.webstories-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:.5rem;color:var(--clr-neutral-50);font-size:12px}.webstories-item-image{overflow:hidden}.webstories-item-image img{aspect-ratio:3/4;width:100%;-o-object-fit:cover;object-fit:cover}.webstories-item-date{font-size:12px;color:var(--clr-neutral-50)}.webstories-item-title{font-size:14px;font-weight:600}.webstories-options{display:flex;justify-content:center;align-items:center;background:var(--clr-neutral-80);height:1.5rem;width:1.5rem;border-radius:50%;cursor:pointer;color:var(--clr-black);font-weight:600}.webstories-options-menu{display:none;position:absolute;flex-direction:column;bottom:1.5rem;right:1.5rem;border:1px solid var(--clr-neutral-30);border-radius:.25rem;z-index:3;background:var(--clr-surface);overflow:hidden}.webstories-options-menu-item{padding:.25rem .5rem;color:var(--clr-black);text-align:left;cursor:pointer;border-bottom:1px solid var(--clr-neutral-70)}.webstories-options-menu-item:hover{background:var(--clr-neutral-80)}.webstories-icon{position:absolute;top:.75rem;right:.25rem;height:2rem;width:2rem;padding:.5rem;color:var(--clr-always-white);border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.3) 30%,rgba(0,0,0,.05) 50%,transparent 75%)}.webstories-count{display:flex;gap:.25rem;position:absolute;width:100%;top:.325rem;padding:0 .325rem}.webstories-count-item{height:2px;flex:1;background:var(--clr-always-white)}.webstories-navigation{display:flex;gap:.5rem}.webstories-navigation-item{height:32px;width:32px;padding:.325rem;border-radius:50%;background:var(--clr-always-white);color:var(--clr-neutral-50);border:1px solid var(--clr-neutral-50);transition:all .3s}.webstories-navigation-item:hover{scale:1.1;color:var(--clr-secondary);border:1px solid var(--clr-secondary)}.webstories-navigation-left{transform:rotate(90deg)}.webstories-navigation-right{transform:rotate(270deg)}.webstories-navigation-disabled{opacity:.5;cursor:not-allowed}.webstories-navigation-disabled:hover{scale:1;color:var(--clr-neutral-50);border:1px solid var(--clr-neutral-50)}.webstories-footer{display:flex;gap:1rem;padding-top:.25rem}