.BlogWebHashtagFilter-module__TrnvNa__root{background-color:var(--color-surface-primary);width:100%;font-size:1rem;position:relative}.BlogWebHashtagFilter-module__TrnvNa__list{scroll-behavior:smooth;column-gap:10px;padding:12px 32px;display:flex;overflow-x:scroll}.BlogWebHashtagFilter-module__TrnvNa__item,.BlogWebHashtagFilter-module__TrnvNa__more{flex-shrink:0}.BlogWebHashtagFilter-module__TrnvNa__more{visibility:hidden;min-width:10px}.BlogWebHashtagFilter-module__TrnvNa__arrow{z-index:var(--z-index-content-overlay);visibility:hidden;background-color:var(--color-surface-primary);opacity:0;height:fit-content;margin:auto;transition:opacity .35s ease-in-out,visibility .35s ease-in-out;position:absolute;top:0;bottom:0}.BlogWebHashtagFilter-module__TrnvNa__arrow:before{z-index:var(--z-index-content);content:"";width:10px;height:100%;position:absolute}.BlogWebHashtagFilter-module__TrnvNa__is-showed{visibility:visible;opacity:1}.BlogWebHashtagFilter-module__TrnvNa__arrow-left{left:0}.BlogWebHashtagFilter-module__TrnvNa__arrow-left:before{background:linear-gradient(270deg, #fff0 0, var(--color-surface-primary) 100%);left:44px}.BlogWebHashtagFilter-module__TrnvNa__arrow-right{right:0}.BlogWebHashtagFilter-module__TrnvNa__arrow-right:before{background:linear-gradient(270deg, var(--color-surface-primary) 0, #fff0 100%);right:44px}.BlogWebHashtagFilter-module__TrnvNa__arrow-button{color:var(--color-object-low-emphasis);background-color:#0000;border:none;border-radius:8px;padding:14px;transition:background-color .15s ease-in-out;display:flex}.BlogWebHashtagFilter-module__TrnvNa__arrow-button:hover{background-color:var(--color-surface-tertiary)}.BlogWebHashtagFilter-module__TrnvNa__arrow-button:focus{outline:2px solid var(--color-focus-clarity)}.BlogWebHashtagFilter-module__TrnvNa__arrow-button:not(:focus-visible){outline:none}@media (max-width:768px){.BlogWebHashtagFilter-module__TrnvNa__list{padding-inline:24px}}@media (prefers-reduced-motion:reduce){.BlogWebHashtagFilter-module__TrnvNa__item,.BlogWebHashtagFilter-module__TrnvNa__arrow,.BlogWebHashtagFilter-module__TrnvNa__arrow-button{transition:all .1ms}.BlogWebHashtagFilter-module__TrnvNa__list{scroll-behavior:auto}}
.spui-PaginationItem-link{box-sizing:border-box;color:var(--color-text-medium-emphasis);-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:40px;height:40px;margin:0;padding:0;font-size:.875em;font-weight:700;line-height:1.3;text-decoration:none;display:flex;position:relative}.spui-PaginationItem-link--first:disabled,.spui-PaginationItem-link--last:disabled,.spui-PaginationItem-link--next:disabled,.spui-PaginationItem-link--prev:disabled{opacity:.3}.spui-PaginationItem-link:not(:disabled):focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}.spui-PaginationItem-icon{box-sizing:border-box;width:24px;height:24px;padding:0 4px}.spui-PaginationItem-link--prev{flex-direction:row-reverse}.spui-PaginationItem-link--prev .spui-PaginationItem-label{padding-right:8px}.spui-PaginationItem-link--next .spui-PaginationItem-label{padding-left:8px}@media (hover:hover){.spui-PaginationItem-link:not(:disabled):hover{background:var(--color-surface-tertiary)}}@container spui-pagination (max-width:768px){.spui-PaginationItem-label{display:none}}:root{--Pagination-tapHighlightColor:var(--color-tap-highlight-base)}.spui-Pagination{flex-direction:column;align-items:center;display:flex;container:spui-pagination/inline-size}.spui-Pagination-list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.spui-Pagination-item{align-items:center;margin:0 5px;display:flex}.spui-Pagination-item--first,.spui-Pagination-item--last{margin:0}.spui-Pagination-ellipsis{color:var(--color-object-low-emphasis)}.spui-Pagination-link{box-sizing:border-box;-webkit-tap-highlight-color:var(--Pagination-tapHighlightColor);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:40px;height:40px;margin:0;padding:0 10px;font-size:.875em;line-height:1.3;text-decoration:none;display:flex;position:relative}.spui-Pagination-link:not([aria-current]){background:var(--color-surface-tertiary);color:var(--color-text-medium-emphasis);font-weight:700}.spui-Pagination-link:focus:not(:focus-visible){outline:none}.spui-Pagination-link[aria-current]{border:1px solid var(--color-border-low-emphasis);color:var(--color-text-low-emphasis)}.spui-Pagination-link:focus-visible{outline:2px solid var(--color-focus-clarity);outline-offset:1px}@media (hover:hover){.spui-Pagination-link:not([aria-current]):hover{background-color:var(--color-surface-quaternary)}}.spui-Pagination-total{color:var(--color-text-low-emphasis);margin:12px 0 0;padding:0;font-size:.8125em;line-height:1.3}.spui-Pagination-link+.spui-Pagination-ellipsis{margin-left:10px}@container spui-pagination (max-width:360px){.spui-Pagination-item--first,.spui-Pagination-item--last{display:none}}
.BlogWebPaidPlanLesson-module__ZNvMWq__filter{margin-top:1.25rem}.BlogWebPaidPlanLesson-module__ZNvMWq__list{flex-wrap:wrap;gap:1.5rem 24px;margin:1rem 32px 0;padding-bottom:16px;display:flex}.BlogWebPaidPlanLesson-module__ZNvMWq__item{background:var(--color-surface-primary);width:calc(50% - 12px);height:100%}.BlogWebPaidPlanLesson-module__ZNvMWq__link{height:100%;color:inherit;border-radius:12px;text-decoration:none;display:block}.BlogWebPaidPlanLesson-module__ZNvMWq__link:focus{outline:2px solid var(--color-focus-clarity)}.BlogWebPaidPlanLesson-module__ZNvMWq__link:focus:not(:focus-visible){outline:none}.BlogWebPaidPlanLesson-module__ZNvMWq__image{aspect-ratio:40/21;border-radius:12px;max-width:100%;position:relative;overflow:hidden}.BlogWebPaidPlanLesson-module__ZNvMWq__image:after{content:"";border:solid 1px var(--color-border-low-emphasis);border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.BlogWebPaidPlanLesson-module__ZNvMWq__image img{transition:transform var(--animation-scale-up-easing) var(--animation-scale-up-duration)}.BlogWebPaidPlanLesson-module__ZNvMWq__link:hover .BlogWebPaidPlanLesson-module__ZNvMWq__image img{transform:scale(1.1)}.BlogWebPaidPlanLesson-module__ZNvMWq__image-placeholder{aspect-ratio:40/21;background:var(--color-surface-tertiary);border-radius:12px}.BlogWebPaidPlanLesson-module__ZNvMWq__title{text-overflow:ellipsis;-webkit-line-clamp:2;color:var(--color-text-high-emphasis);-webkit-box-orient:vertical;margin:.5rem 5px 0;font-size:1rem;line-height:1.4;overflow:hidden}.BlogWebPaidPlanLesson-module__ZNvMWq__link:hover .BlogWebPaidPlanLesson-module__ZNvMWq__title{text-decoration:underline}.BlogWebPaidPlanLesson-module__ZNvMWq__hashtags{color:var(--color-text-accent-primary);margin:.375rem 4px 0;font-size:.75rem;font-weight:700}.BlogWebPaidPlanLesson-module__ZNvMWq__hashtag{overflow-wrap:anywhere;line-height:1.8;display:inline}.BlogWebPaidPlanLesson-module__ZNvMWq__hashtag+.BlogWebPaidPlanLesson-module__ZNvMWq__hashtag{margin-left:12px}.BlogWebPaidPlanLesson-module__ZNvMWq__paging{padding-block:24px}.BlogWebPaidPlanLesson-module__ZNvMWq__loading{color:var(--color-text-medium-emphasis);text-align:center;flex-direction:column;justify-content:center;align-items:center;row-gap:.75rem;margin-block:5rem;font-size:.75rem;font-weight:700;line-height:1.4;display:flex}.BlogWebPaidPlanLesson-module__ZNvMWq__loading-icon{animation:1s linear infinite BlogWebPaidPlanLesson-module__ZNvMWq__spin}@media screen and (max-width:768px){.BlogWebPaidPlanLesson-module__ZNvMWq__filter{margin-top:0}.BlogWebPaidPlanLesson-module__ZNvMWq__list{row-gap:.75rem;margin-inline:24px}.BlogWebPaidPlanLesson-module__ZNvMWq__item{width:100%}}@media (prefers-reduced-motion:reduce){.BlogWebPaidPlanLesson-module__ZNvMWq__lesson-loading-icon{animation-duration:2s}}@keyframes BlogWebPaidPlanLesson-module__ZNvMWq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}