.codes{position:relative}.codes__heading{position:absolute;top:0;left:0;width:30px;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;background:var(--color-primary);color:var(--color-white);text-align:center}.codes__heading h2{display:block;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.codes__item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;gap:15px}.codes__item-image{width:42%;min-width:42%}.codes__item strong{display:block}.codes__item a{display:inline}.codes__footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:10px;margin-top:auto;padding-top:15px}.codes .container{padding-left:46px}.codes .media{aspect-ratio:1/1}.codes .richtext{padding-top:4px}.codes .swiper{overflow:visible;padding:0 15px}.codes .swiper-container{overflow:hidden;padding-bottom:1px}.codes .swiper-slide{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:auto;padding:15px;border:1px solid var(--color-black)}.codes .button,.codes code{width:100%}.codes .arrow{height:100%}@media only screen and (max-width:767px){.codes .f-16{font-size:14px}}@media only screen and (min-width:576px){.codes .swiper{padding:0 20px}}@media only screen and (min-width:768px){.codes__heading{width:40px}.codes .container{padding-left:62px}.codes .arrow--left{left:-10px}.codes .arrow--right{right:-10px}.codes .button{height:46px}}@media only screen and (min-width:992px){.codes .arrow--left{left:-12px}.codes .arrow--right{right:-12px}}@media only screen and (min-width:1200px){.codes__heading{width:48px}.codes .container{padding-left:75px}.codes .swiper-slide{padding:20px}}@media only screen and (min-width:1400px){.codes__heading{padding:0 15px}.codes .container{padding-left:85px}.codes .swiper{padding:0 30px}.codes .button{height:50px}}@media only screen and (min-width:1600px){.codes__heading{width:58px}.codes .swiper-slide{padding:20px 30px}}@media only screen and (min-width:1900px){.codes .container{padding-left:100px}}