@layer pages{.tabs input{opacity:0;position:absolute}.tabs__head{box-shadow:inset 0 -1px 0 var(--c-border);display:flex}:is(.tabs:has(#t1:checked) label[for=t1],.tabs:has(#t2:checked) label[for=t2]){color:var(--c-text);box-shadow:inset 0 -2px 0 var(--c-accent)}.tabs__body{margin-top:var(--s-6);display:none;position:relative}:is(.tabs:has(#t1:checked) .tabs__body--1,.tabs:has(#t2:checked) .tabs__body--2){display:block}.pcs{gap:var(--s-5);grid-template-columns:repeat(4,1fr);display:grid}.tabs__body>.sq{z-index:var(--z-raise);position:absolute}.tabs__body>.sq--l{left:0}.tabs__body>.sq--r{right:0}@media (max-width:992px){.pcs{grid-template-columns:repeat(3,1fr)}.pcs .pc:nth-child(n+4),.tabs__body>.sq{display:none}}@media (max-width:768px){.tabs__head{box-shadow:inset 0 -1px 0 var(--c-border);scrollbar-width:none;border-bottom:0;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 92%,#00000059);mask-image:linear-gradient(90deg,#000 92%,#00000059)}.tabs__head::-webkit-scrollbar{display:none}.pcs{gap:var(--s-4);scrollbar-width:none;scroll-snap-type:x mandatory;margin-right:calc(-1 * var(--s-5));padding-right:var(--s-5);grid-template-columns:none;grid-auto-columns:42%;grid-auto-flow:column;overflow-x:auto}.pcs::-webkit-scrollbar{display:none}.pcs .pc{scroll-snap-align:start}.pcs .pc:nth-child(n+3){display:block}}}