.tabs-contents{border-radius:16px;padding:48px 16px}@media (min-width:768px){.tabs-contents{padding:96px 0}}.tabs-contents .intro{display:flex;flex-direction:column;gap:16px}.tabs-contents .intro h2 span{color:var(--cpn-primary-300)}.tabs-contents .tabs{display:flex;flex-direction:column;height:100%}.tabs-contents .tabs .header{display:flex;z-index:10;margin-bottom:-18px;margin-left:2px}.tabs-contents .tabs .header .tab{border-top-left-radius:16px;border-top-right-radius:16px;border-style:solid;border-color:transparent;padding:16px 48px 32px;cursor:pointer;user-select:none;border-width:2px 0 0;border-width:2px 0 0}.tabs-contents .tabs .header .tab.selected{border-color:var(--cpn-cool-gray-10);background-color:var(--cpn-default-white);color:var(--cpn-orange-100);font-weight:var(--cpn-bold-semibold)}.tabs-contents .tabs .contents{z-index:5;padding:48px;background-color:var(--cpn-default-white);border:2px solid var(--cpn-cool-gray-10);border-radius:16px}.tabs-contents .tabs .contents .content{display:none}.tabs-contents .tabs .contents .content.selected{display:block}.tabs-contents .image{width:100%;position:relative}.tabs-contents .image img{border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;width:100%}.tabs-contents .image img.selected{opacity:1;position:relative;animation-name:fade-in-opacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.5s}@keyframes fade-in-opacity{0%{opacity:0}100%{opacity:1}}