.technical-specification{padding:var(--section-padding) 0;display:flex;flex-direction:column}.technical-specification__content{background:var(--background);color:var(--text-color);margin-inline-start:calc(-1 * var(--container-gutter));margin-inline-end:calc(-1 * var(--container-gutter));padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)}.technical-specification .metafield{display:flex;padding-block:var(--spacing-6);flex-direction:column;max-width:1000px;margin:auto;border-block-start-width:1px;border-color:rgb(var(--text-color) / .12)}.technical-specification .metafield:first-child{border-block-start-width:0}.technical-specification .metafield .key{width:70%}.technical-specification .metafield .value{font-weight:700}.technical-specification .metafield.hidden{display:none}.technical-specification .metafields-button__container{display:flex;justify-content:center;width:100%;margin-block:var(--spacing-4)}.show-more-checkbox{display:none}.all-metafields .metafield:nth-child(n+4){display:none}.show-more-checkbox:checked~.all-metafields .metafield:nth-child(n+4){display:flex}.show-text,.hide-text{cursor:pointer;display:flex;gap:var(--spacing-3)}.show-more-btn .hide-text{display:none}.show-more-checkbox:checked~.metafields-button__container .show-more-btn .show-text{display:none}.show-more-checkbox:checked~.metafields-button__container .show-more-btn .hide-text{display:flex}.show-more-checkbox:checked~.metafields-button__container .circle-chevron{transform:rotate(180deg)}@media screen and (min-width: 768px){.technical-specification{display:flex;flex-direction:row}.technical-specification__header{flex:1 1 350px;width:auto}.technical-specification__content{flex:1 1 600px;padding:var(--spacing-4) var(--spacing-12);border-radius:var(--rounded);margin-inline-start:0;margin-inline-end:0}.technical-specification .metafield{flex-direction:row;align-items:center}.technical-specification .metafield .value{width:30%;text-align:center}.technical-specification .metafields-button__container .group:hover .circle-chevron.group-hover\:colors:not([disabled]){color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/technical-specification.css.map */