.box-portfolio__attr .filters fieldset label input[type=checkbox]{cursor:pointer;aspect-ratio:1;position:relative;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:1px solid #142c45;background-color:#fff;border-radius:3px;margin:0px;display:grid;place-content:center}.box-portfolio__attr .filters fieldset label input[type=checkbox]:checked{font-style:normal;background:#142c45;border-color:#142c45}.box-portfolio__attr .filters fieldset label input[type=checkbox]:checked::before{content:"";display:block;width:.3125rem;height:.5625rem;color:#fafafa;border-right:2px solid #fafafa;border-bottom:2px solid #fafafa;transform:rotate(45deg)}.box-portfolio__attr .filters fieldset label input[type=checkbox]:focus{outline:1px solid currentColor;outline-offset:1px}.box-portfolio{position:relative}.box-portfolio.bg-gradient{background:linear-gradient(180deg, #102030 0%, #142c45 100%)}.box-portfolio:not(.bg-common)::after{content:"";pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271263%27 height=%271081%27 viewBox=%270 0 1263 1081%27 fill=%27none%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M1262.39 0L946.428 0L632.813 533.573H948.779L1262.39 0Z%27 fill=%27white%27 fill-opacity=%270.5%27 style=%27mix-blend-mode:soft-light%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0 0L462.927 245.362L799.467 245.362L1262.39 0L0 0Z%27 fill=%27white%27 fill-opacity=%270.5%27 style=%27mix-blend-mode:soft-light%27/%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M629.286 1080.06L786.534 805.936L462.927 245.362L0 0L629.286 1080.06Z%27 fill=%27white%27 fill-opacity=%270.5%27 style=%27mix-blend-mode:soft-light%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top left;mix-blend-mode:soft-light}@media(max-width: 767px){.box-portfolio:not(.bg-common)::after{background-size:140%}}@media(min-width: 1025px){.box-portfolio:not(.bg-common)::after{background-size:140%}}.box-portfolio__container{position:relative;z-index:1}.box-portfolio__attr{display:flex;justify-content:space-between;flex-wrap:wrap;gap:clamp(16px,12px + 1.25vw,30px)}@media(max-width: 767px){.box-portfolio__attr{align-items:center;flex-direction:column}}@media(min-width: 768px){.box-portfolio__attr{align-items:center}}.box-portfolio__attr fieldset{border:0;padding:0;margin:0;min-width:0}.box-portfolio__attr fieldset label{cursor:pointer}@media(min-width: 768px){.box-portfolio__attr .filters{order:1}}.box-portfolio__attr .filters fieldset{display:flex;align-items:center;gap:16px}.box-portfolio__attr .filters fieldset label{display:flex;align-items:center;gap:8px}.box-portfolio__attr .filters fieldset label input[type=checkbox]{background-color:#142c45;border-color:#fff}.box-portfolio__attr .filters fieldset label input[type=checkbox]:checked{background-color:#fff}.box-portfolio__attr .filters fieldset label input[type=checkbox]:checked::before{color:#142c45;border-color:#142c45}@media(min-width: 768px){.box-portfolio__attr .filters fieldset label input[type=checkbox]:focus{outline:2px solid #fff}}@media(min-width: 768px){.box-portfolio__attr .state{order:2}}.box-portfolio__attr .state fieldset{position:relative;border-radius:100px;background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px);padding:4px;display:flex;gap:4px;align-items:center;--x: 0px;--w: 0px}.box-portfolio__attr .state fieldset .state__thumb{position:absolute;top:4px;left:4px;height:calc(100% - 4px*2);width:var(--w);border-radius:100px;background:#142c45;transform:translateX(var(--x));transition:transform .35s cubic-bezier(0.2, 0.7, 0.2, 1),width .35s cubic-bezier(0.2, 0.7, 0.2, 1);will-change:transform,width;pointer-events:none}.box-portfolio__attr .state fieldset label{position:relative;border-radius:100px;display:block;cursor:pointer}@media(max-width: 767px){.box-portfolio__attr .state fieldset label{padding:8px 16px}}@media(min-width: 768px){.box-portfolio__attr .state fieldset label{padding:10px 20px}}.box-portfolio__attr .state fieldset label .label{position:relative;color:#142c45;transition:color .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.box-portfolio__attr .state fieldset label input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%}.box-portfolio__attr .state fieldset label:has(input[type=radio]:checked) .label{color:#fff}@media(prefers-reduced-motion: reduce){.box-portfolio__attr .state fieldset .state__thumb{transition:none}.box-portfolio__attr .state fieldset .state fieldset label .label{transition:none}}.box-portfolio__wrap{position:relative;z-index:1;margin-top:clamp(3.5rem,2.714rem + 3.929vw,6.25rem);display:grid;gap:16px}@media(max-width: 767px){.box-portfolio__wrap{grid-template-columns:repeat(1, 1fr)}}@media(min-width: 768px)and (max-width: 900px){.box-portfolio__wrap{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 901px)and (max-width: 1299px){.box-portfolio__wrap{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 1300px){.box-portfolio__wrap{grid-template-columns:repeat(4, 1fr)}}.box-portfolio__wrap>li a{display:flex;justify-content:center;align-items:center;gap:clamp(8px,5.714px + .714vw,16px);text-decoration:none;border:1px solid #fff;color:#fff;height:9.25rem;padding:clamp(16px,12px + 1.25vw,30px);transition:background-color .2s cubic-bezier(0.55, 0.085, 0.68, 0.53),color .2s cubic-bezier(0.55, 0.085, 0.68, 0.53),backdrop-filter .2s cubic-bezier(0.55, 0.085, 0.68, 0.53),border-color .2s cubic-bezier(0.55, 0.085, 0.68, 0.53)}.box-portfolio__wrap>li a svg{fill:currentColor;width:15px;height:15px;margin-top:6px}.box-portfolio__wrap>li a>span{display:flex;justify-content:center;gap:clamp(8px,5.714px + .714vw,16px)}.box-portfolio__wrap>li a:hover{border-color:#142c45;backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.6);color:#142c45}