.cc-article-ui{--ccx-hely:#d9725f;--ccx-kor:#3f7f86;--ccx-elmeny:#5e3f4e}.cc-article-ui .ccx-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--rose-d);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.cc-article-ui .ccx-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}.cc-article-ui .ccx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cc-article-ui>.ccx-fig{margin:28px 0 30px}.ccx-fig img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:22px;background:var(--r1);box-shadow:0 14px 34px #3e29331f}.ccx-fig figcaption{margin:12px auto 0;max-width:560px;color:var(--mu);font-size:13.5px;line-height:1.5;text-align:center}.ccu-fx .ccx-fig img{opacity:0;transform:translateY(18px) scale(.965);transition:opacity .7s ease,transform 1s var(--ease)}.ccu-fx .ccx-fig.is-in img{opacity:1;transform:none}@supports (animation-timeline:view()){.ccu-fx .ccx-fig img{opacity:1;transform:none;transition:none;animation:ccx-rise linear both;animation-timeline:view();animation-range:entry 0% cover 42%}}@keyframes ccx-rise{0%{opacity:.25;transform:translateY(34px) scale(.94);filter:saturate(.6)}to{opacity:1;transform:none;filter:none}}.cc-article-ui>.ccx-map{position:relative;overflow:hidden;margin:30px 0 40px;padding:22px 16px 18px;border:1px solid var(--lnd);border-radius:26px;background:radial-gradient(120% 80% at 100% 0,#fbe6ec 0,#fbe6ec00 55%),radial-gradient(90% 70% at 0 100%,#e6f1ef 0,#e6f1ef00 60%),#fff;box-shadow:0 18px 40px #3e293314}.ccx-map__title{margin:8px 0 4px!important;color:var(--ink);font-size:clamp(21px,5vw,27px);font-weight:800;line-height:1.15;letter-spacing:-.02em}.ccx-map__lead{margin:0 0 14px!important;color:var(--mu);font-size:14px;line-height:1.5}.ccx-map__filters{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ccx-map__filters::-webkit-scrollbar{display:none}.ccx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:42px;margin:0;padding:0 14px;border:1px solid var(--lnd);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.ccx-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--rose))}.ccx-chip[data-ccx-f=all]:before{background:conic-gradient(var(--ccx-hely) 0 33%,var(--ccx-kor) 0 66%,var(--ccx-elmeny) 0)}.ccx-chip[data-ccx-f=hely]{--c:var(--ccx-hely)}.ccx-chip[data-ccx-f=kor]{--c:var(--ccx-kor)}.ccx-chip[data-ccx-f=elmeny]{--c:var(--ccx-elmeny)}.ccx-chip i{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--r2);color:var(--p);font-size:11.5px;font-style:normal;font-weight:800}.ccx-chip[aria-pressed=true]{border-color:var(--p);background:var(--p);color:#fff}.ccx-chip[aria-pressed=true]:before{box-shadow:0 0 0 2px #fff}.ccx-chip[aria-pressed=true] i{background:#fff3;color:#fff}.ccx-chip:active{transform:scale(.96)}.cc-article-ui .ccx-map__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:none}.cc-article-ui .ccx-map__grid li{margin:0;padding:0}.cc-article-ui .ccx-map__grid li::marker{content:none}.ccx-tile{--c:var(--ccx-hely);position:relative;display:flex;flex-direction:column;gap:6px;height:100%;min-height:96px;padding:12px 12px 11px;border:1px solid var(--ln);border-radius:16px;background:#ffffffe6;color:var(--ink)!important;font-weight:400!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:opacity .35s ease,transform .35s var(--ease),border-color .2s ease,box-shadow .25s ease,filter .35s ease}.ccx-tile[data-cat=kor]{--c:var(--ccx-kor)}.ccx-tile[data-cat=elmeny]{--c:var(--ccx-elmeny)}.ccx-tile:before{content:"";position:absolute;top:13px;right:12px;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}.ccx-tile__n{color:var(--rose-d);font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1}.ccx-tile.is-seen .ccx-tile__n:after{content:" \b7  olvastad";color:var(--mu);font-weight:700;letter-spacing:0;text-transform:none}.ccx-tile strong{font-size:13.5px;font-weight:750;line-height:1.25;letter-spacing:-.01em;-webkit-hyphens:auto;hyphens:auto}@media(min-width:400px){.ccx-tile strong{font-size:14.5px}}.ccx-tile__ev{display:inline-flex;align-items:center;gap:4px;margin-top:auto}.ccx-tile__ev i{width:8px;height:8px;border-radius:50%;background:var(--ln)}[data-ev="1"] .ccx-tile__ev i:nth-child(1),[data-ev="2"] .ccx-tile__ev i:nth-child(-n+2),[data-ev="3"] .ccx-tile__ev i{background:var(--rose)}@media(hover:hover)and (pointer:fine){.ccx-tile:hover{transform:translateY(-2px);border-color:var(--lnd);box-shadow:0 10px 22px #3e293317}.ccx-chip:hover{border-color:var(--p)}}.ccx-tile:active{transform:scale(.98)}.ccx-map[data-f=hely] .ccx-tile:not([data-cat=hely]),.ccx-map[data-f=kor] .ccx-tile:not([data-cat=kor]),.ccx-map[data-f=elmeny] .ccx-tile:not([data-cat=elmeny]){opacity:.28;filter:grayscale(.7);transform:scale(.96)}.ccx-map[data-f=hely] .ccx-tile[data-cat=hely],.ccx-map[data-f=kor] .ccx-tile[data-cat=kor],.ccx-map[data-f=elmeny] .ccx-tile[data-cat=elmeny]{border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 8px 20px color-mix(in srgb,var(--c) 16%,transparent)}.cc-article-ui .ccx-map__legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;padding:0;list-style:none}.cc-article-ui .ccx-map__legend li{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;color:var(--tx);font-size:12.5px;font-weight:600}.cc-article-ui .ccx-map__legend li::marker{content:none}.ccx-map__note{margin:10px 0 0!important;color:var(--mu);font-size:12.5px;line-height:1.5}.ccu-fx .ccx-map__grid li{opacity:0;transform:translateY(12px) scale(.97);transition:opacity .5s ease calc(var(--i,0) * 45ms),transform .7s var(--ease) calc(var(--i,0) * 45ms)}.ccu-fx .ccx-map.is-in .ccx-map__grid li{opacity:1;transform:none}.cc-article-ui>h3.ccx-h{position:relative;margin:2.6em 0 .55em;padding:22px 0 0 66px;border-top:1px dashed var(--lnd);min-height:74px}.cc-article-ui>h3.ccx-h:before{content:attr(data-ccx-n);position:absolute;left:0;top:22px;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(140deg,var(--p) 0,#8b5569 100%);color:#fff;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1;box-shadow:0 4px 0 var(--pd)}.ccu-fx .cc-article-ui>h3.ccx-h:before{opacity:0;transform:scale(.55) rotate(-12deg);transition:opacity .4s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}.ccu-fx .cc-article-ui>h3.ccx-h.is-in:before{opacity:1;transform:none}.cc-article-ui>p.ccx-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 1.1em}.ccx-tag,.ccx-ev{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2}.ccx-tag{background:var(--r2);color:var(--p)}.ccx-ev:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.ccx-ev[data-ev="3"]{background:#e3efed;color:#2f6a70}.ccx-ev[data-ev="2"]{background:#fbeee2;color:#8d5523}.ccx-ev[data-ev="1"]{background:#f1e5ea;color:var(--p)}.cc-article-ui>h4.ccx-sub{margin:1.6em 0 .45em;color:var(--ink);font-size:18px;font-weight:750;line-height:1.3;letter-spacing:-.01em}.cc-article-ui>p.ccx-note{margin:1.3em 0;padding:14px 16px;border-left:4px solid var(--rose);border-radius:0 16px 16px 0;background:var(--r1);color:var(--ink);font-weight:700}.cc-article-ui>.ccx-bar{margin:24px 0 28px;padding:18px 16px 16px;border:1px solid var(--ln);border-radius:22px;background:#fff;box-shadow:0 10px 26px #3e29330f}.ccx-bar figcaption{display:grid;gap:4px;margin:0 0 14px}.ccx-bar figcaption strong{color:var(--ink);font-size:16.5px;font-weight:800;line-height:1.3}.ccx-bar figcaption small{color:var(--mu);font-size:12px;font-weight:600}.ccx-bar__track{display:flex;gap:3px;height:22px;overflow:hidden;border-radius:999px;background:var(--r1)}.ccx-bar__track span{flex:0 0 calc(var(--w) * 1% - 3px);border-radius:4px;transition:flex-basis 1.1s var(--ease)}.ccx-bar__track span:first-child{border-radius:999px 4px 4px 999px}.ccx-bar__track span:last-child{border-radius:4px 999px 999px 4px}.ccx-bar__track span:nth-child(1),.ccx-bar__legend li:nth-child(1):before{background:var(--rose)}.ccx-bar__track span:nth-child(2),.ccx-bar__legend li:nth-child(2):before{background:var(--p)}.ccx-bar__track span:nth-child(3),.ccx-bar__legend li:nth-child(3):before{background:#dfa3ae}.ccx-bar__track span:nth-child(4),.ccx-bar__legend li:nth-child(4):before{background:#d7ccd1}.ccx-bar__track span:nth-child(2){transition-delay:.12s}.ccx-bar__track span:nth-child(3){transition-delay:.24s}.ccx-bar__track span:nth-child(4){transition-delay:.36s}.ccu-fx .ccx-bar:not(.is-in) .ccx-bar__track span{flex-basis:0}.cc-article-ui .ccx-bar__legend{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.cc-article-ui .ccx-bar__legend li{display:grid;grid-template-columns:12px 62px minmax(0,1fr);align-items:baseline;gap:8px;margin:0;padding:0;color:var(--tx);font-size:14px;line-height:1.4}.cc-article-ui .ccx-bar__legend li::marker{content:none}.ccx-bar__legend li:before{content:"";width:12px;height:12px;border-radius:4px;transform:translateY(1px)}.ccx-bar__legend b{color:var(--ink);font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.cc-article-ui>.ccx-stat{position:relative;overflow:hidden;display:grid;gap:4px;margin:24px 0 26px;padding:20px 20px 18px;border-radius:22px;background:linear-gradient(135deg,var(--r1),var(--r2))}.cc-article-ui>.ccx-stat:after{content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border:22px solid rgba(183,110,121,.14);border-radius:50%}.ccx-stat b{color:var(--p);font-size:clamp(46px,13vw,68px);font-weight:800;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.ccx-stat p{position:relative;z-index:1;margin:2px 0 0!important;max-width:520px;color:var(--ink);font-size:16.5px;font-weight:700;line-height:1.4}.ccx-stat small{color:var(--mu);font-size:12px;font-weight:600}.ccu-fx .ccx-stat{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .8s var(--ease)}.ccu-fx .ccx-stat.is-in{opacity:1;transform:none}.cc-article-ui>.ccx-shelf{margin:26px 0 36px}.ccx-shelf__h{display:flex;align-items:center;gap:8px;margin:0 0 10px!important;color:var(--rose-d);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.ccx-shelf__h:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6L5 8Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E") center/contain no-repeat}.ccx-shelf__row{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:4px 16px 14px;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ccx-shelf__row::-webkit-scrollbar{display:none}.ccx-shelf__row>.ccp{flex:0 0 min(88%,380px);margin:0!important;scroll-snap-align:start}.ccx-shelf__row>.ccp:only-child{flex-basis:100%}.ccx-shelf__dots{display:flex;justify-content:center;gap:6px;margin-top:2px}.ccx-shelf__dots span{width:6px;height:6px;border-radius:999px;background:var(--lnd);transition:width .3s var(--ease),background-color .3s ease}.ccx-shelf__dots span.is-on{width:18px;background:var(--p)}.cc-article-ui>.ccx-vs{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:22px 0 26px}.ccx-vs__col{padding:16px 16px 14px;border:1px solid var(--ln);border-radius:20px;background:#fff}.ccx-vs__col:last-child{background:linear-gradient(135deg,#eef5f4,#fff)}.ccx-vs__k{display:block;margin-bottom:6px;color:var(--p);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ccx-vs__col:last-child .ccx-vs__k{color:#2f6a70}.ccx-vs__col p{margin:0!important;color:var(--ink);font-size:15px;line-height:1.5}.ccx-vs__x{justify-self:center;display:grid;place-items:center;width:40px;height:40px;margin:-4px 0;border-radius:50%;background:var(--p);color:#fff;font-size:22px;font-weight:800;line-height:1;box-shadow:0 3px 0 var(--pd)}.cc-article-ui>.ccx-myths{margin:40px 0 34px;padding:22px 0 6px;border-top:1px solid var(--ln)}.ccx-myths__title{margin:8px 0 4px!important;color:var(--ink);font-size:clamp(21px,5vw,27px);font-weight:800;line-height:1.15;letter-spacing:-.02em}.ccx-myths__lead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 14px!important;color:var(--mu);font-size:14px;line-height:1.5}.ccx-myths__count{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--r2);color:var(--p);font-size:12px;font-weight:800;transition:background-color .3s ease,color .3s ease}.ccx-myths__count.is-done{background:#e3efed;color:#2f6a70}.ccx-myths__row{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:6px 16px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.ccx-myths__row::-webkit-scrollbar{display:none}.ccx-card{flex:0 0 min(80%,300px);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;perspective:1100px;-webkit-tap-highlight-color:transparent}.ccx-card__in{display:grid;min-height:212px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.35,.5,1)}.ccx-card[aria-pressed=true] .ccx-card__in{transform:rotateY(180deg)}.ccx-card__f,.ccx-card__b{grid-area:1/1;display:flex;flex-direction:column;gap:10px;padding:18px 18px 16px;border-radius:22px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ccx-card__f{background:radial-gradient(110% 90% at 100% 0,#ffffff24 0,#fff0 55%),linear-gradient(150deg,var(--p),var(--pd));color:#fff;box-shadow:0 12px 26px #3e293333}.ccx-card__b{transform:rotateY(180deg);border:1px solid var(--lnd);background:#fff;color:var(--ink);box-shadow:0 12px 26px #3e29331a}.ccx-card i{align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ccx-card__f i{background:#ffffff29;color:#fff}.ccx-card__b i{background:#e3efed;color:#2f6a70}.ccx-card__f b{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:-.01em}.ccx-card__b b{font-size:14.5px;font-weight:600;line-height:1.5}.ccx-card em{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#ffffffd1;font-size:12.5px;font-style:normal;font-weight:700}.ccx-card em:before{content:"\21bb";font-size:15px}.ccx-card:focus-visible{outline:none}.ccx-card:focus-visible .ccx-card__in>span{outline:3px solid rgba(94,63,78,.35);outline-offset:3px}.cc-article-ui>ol.ccx-src{margin:14px 0 30px;padding:0;list-style:none;counter-reset:ccx-src}.cc-article-ui>ol.ccx-src li{position:relative;margin:0;padding:10px 0 10px 40px;border-bottom:1px solid var(--ln);color:var(--mu);font-size:14px;line-height:1.5;counter-increment:ccx-src}.cc-article-ui>ol.ccx-src li::marker{content:none}.cc-article-ui>ol.ccx-src li:before{content:counter(ccx-src);position:absolute;left:0;top:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--r2);color:var(--p);font-size:12px;font-weight:800}@media(min-width:768px){.cc-article-ui>.ccx-map{padding:28px 26px 22px}.ccx-map__filters{margin:0 0 16px;padding:2px 0 6px;flex-wrap:wrap;overflow:visible}.cc-article-ui .ccx-map__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cc-article-ui>.ccx-bar{padding:22px 24px 20px}.cc-article-ui>.ccx-stat{grid-template-columns:auto minmax(0,1fr);column-gap:22px;align-items:center;padding:24px 28px}.ccx-stat b{grid-row:span 2}.ccx-shelf__row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:visible;margin:0;padding:4px 0 0}.ccx-shelf__row>.ccp{flex:none}.ccx-shelf__dots{display:none}.cc-article-ui>.ccx-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.ccx-vs__x{margin:0}.ccx-myths__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:6px 0 0}.ccx-card{flex:none}.ccx-card__in{min-height:230px}}@media(max-width:360px){.cc-article-ui .ccx-map__grid{gap:6px}.ccx-tile{padding:11px 10px 10px}.ccx-tile strong{font-size:13px}.cc-article-ui>h3.ccx-h{padding-left:58px}.cc-article-ui>h3.ccx-h:before{width:46px;height:46px;font-size:16px;border-radius:14px}}@media(prefers-reduced-motion:reduce){.ccu-fx .ccx-fig img,.ccu-fx .ccx-map__grid li,.ccu-fx .ccx-stat,.ccu-fx .cc-article-ui>h3.ccx-h:before{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.ccx-bar__track span,.ccx-tile,.ccx-chip{transition:none}.ccx-card__in{transition:none;transform:none!important}.ccx-card[aria-pressed=true] .ccx-card__f{visibility:hidden}.ccx-card__b{transform:none;visibility:hidden}.ccx-card[aria-pressed=true] .ccx-card__b{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/cc-article-fx.css.map */