.resource-library .certificate-fan{--cf-ink: #121113;--cf-muted: #666266;--cf-paper: #f3f1ec;--cf-sheet: #fff;--cf-line: #d7d3cc;--cf-metal: #aaa59d;--cf-red: var(--rl-red, #a92d2f);margin:0;padding:clamp(2.7rem,3.5vw,4rem) max(1.5rem,3.8vw) clamp(2.8rem,3.4vw,3.8rem);overflow:clip;background:var(--cf-paper);color:var(--cf-ink);font-family:var(--font-body, "Helvetica Neue", Arial, sans-serif)}.certificate-fan__head{max-width:110rem;margin:0 auto clamp(.85rem,1.4vw,1.35rem);display:grid;grid-template-columns:minmax(33rem,1.24fr) minmax(25rem,.95fr) auto;gap:clamp(2rem,3.8vw,4.8rem);align-items:end}.certificate-fan__title .resource-kicker{margin-bottom:.85rem}.certificate-fan__title h2{max-width:none;margin:0;color:var(--cf-ink);font-family:var(--font-body, "Helvetica Neue", Arial, sans-serif);font-size:clamp(2.65rem,3.15vw,3.65rem);font-weight:760;letter-spacing:-.055em;line-height:.96;white-space:nowrap;text-transform:none}.certificate-fan__intro{max-width:40rem;margin:0;color:var(--cf-muted);font-size:clamp(.82rem,1vw,.95rem);line-height:1.65}.certificate-fan__request{min-width:max-content;margin:0;padding:.7rem 0 .6rem;display:inline-flex;align-items:center;gap:.75rem;border:0;border-bottom:1px solid var(--cf-ink);border-radius:0;background:transparent;color:var(--cf-red);cursor:pointer;font-size:.76rem;font-weight:760;line-height:1}.certificate-fan__request:hover,.certificate-fan__request:focus-visible{border-bottom-color:var(--cf-red);color:var(--cf-ink)}.certificate-fan__request svg,.certificate-fan__dialog-copy>button svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.certificate-fan__stage{max-width:110rem;margin:0 auto;position:relative}.certificate-fan__instruction{margin:0 0 .35rem;display:flex;justify-content:flex-end;gap:.35rem;color:#8c878a;font-family:var(--font-data, "IBM Plex Mono", monospace);font-size:.55rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.certificate-fan__instruction span{color:var(--cf-red)}.certificate-fan__deck{height:clamp(27rem,30vw,31rem);position:relative;isolation:isolate;perspective:90rem;-webkit-user-select:none;user-select:none}.certificate-fan__item{--fan-x: 0px;--fan-y: 0px;--fan-scale: 1;--fan-rotate: 0deg;width:clamp(18.25rem,17.1vw,20.75rem);height:clamp(25.3rem,23.8vw,28.75rem);margin:0;position:absolute;left:50%;bottom:.7rem;z-index:var(--fan-z, 1);transform:translate(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) scale(var(--fan-scale)) rotate(var(--fan-rotate));transform-origin:50% 100%;transition:transform .62s cubic-bezier(.2,.78,.18,1),filter .45s ease,opacity .45s ease}.certificate-fan__item:nth-child(1){--fan-x: -42%;--fan-y: 1.4rem;--fan-scale: .76;--fan-rotate: -3.2deg;--fan-z: 3}.certificate-fan__item:nth-child(2){--fan-x: -30%;--fan-y: .95rem;--fan-scale: .84;--fan-rotate: -2.35deg;--fan-z: 4}.certificate-fan__item:nth-child(3){--fan-x: -17%;--fan-y: .4rem;--fan-scale: .92;--fan-rotate: -1.2deg;--fan-z: 5}.certificate-fan__item:nth-child(4){--fan-x: 0;--fan-y: -.35rem;--fan-scale: 1.055;--fan-rotate: 0deg;--fan-z: 12}.certificate-fan__item:nth-child(5){--fan-x: 16%;--fan-y: .35rem;--fan-scale: .94;--fan-rotate: 1.1deg;--fan-z: 6}.certificate-fan__item:nth-child(6){--fan-x: 29%;--fan-y: .85rem;--fan-scale: .86;--fan-rotate: 2.1deg;--fan-z: 5}.certificate-fan__item:nth-child(7){--fan-x: 40%;--fan-y: 1.25rem;--fan-scale: .8;--fan-rotate: 2.9deg;--fan-z: 4}.certificate-fan__item:nth-child(8){--fan-x: 49%;--fan-y: 1.55rem;--fan-scale: .74;--fan-rotate: 3.7deg;--fan-z: 3}.certificate-fan__item button{width:100%;height:100%;margin:0;padding:0;display:block;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer}.certificate-fan__paper{width:100%;height:100%;position:relative;display:block;border:1px solid #d0ccc5;background:var(--cf-sheet);box-shadow:0 .9rem 1.8rem #1f1b1a24,0 .12rem .35rem #1f1b1a14;transition:border-color .35s ease,box-shadow .35s ease}.certificate-fan__item button:focus-visible{outline:2px solid var(--cf-red);outline-offset:.4rem}.certificate-fan__item.is-active .certificate-fan__paper,.certificate-fan__item:hover .certificate-fan__paper{border-color:#a92d2f7a;box-shadow:0 1.25rem 2.7rem #1f1b1a30,0 .18rem .45rem #1f1b1a1a}.certificate-fan__item.is-active{filter:saturate(1.04) contrast(1.015)}.certificate-fan__paper img{width:100%;height:100%;display:block;object-fit:contain;background:#fff;pointer-events:none;-webkit-user-drag:none}.certificate-fan__spine{width:1.4rem;position:absolute;z-index:2;top:-1px;bottom:-1px;left:-1.25rem;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);background:var(--cf-red);color:#fff;font-family:var(--font-data, "IBM Plex Mono", monospace);font-size:.54rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.certificate-fan__item:nth-child(2) .certificate-fan__spine{background:#11889b}.certificate-fan__item:nth-child(3) .certificate-fan__spine{background:#075896}.certificate-fan__item:nth-child(4) .certificate-fan__spine{background:#0b9873}.certificate-fan__item:nth-child(5) .certificate-fan__spine{background:#a68c00}.certificate-fan__item:nth-child(6) .certificate-fan__spine{background:#4a565c}.certificate-fan__item:nth-child(7) .certificate-fan__spine{background:#1d6595}.certificate-fan__item:nth-child(8) .certificate-fan__spine{background:#158450}.certificate-fan__item figcaption{width:1px;height:1px;padding:0;position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.certificate-fan__rail{height:5px;margin:-1.15rem .25rem 0;position:relative;z-index:20;border-top:1px solid #8f8b84;border-bottom:1px solid #cbc7c0;background:var(--cf-metal);box-shadow:0 .45rem .85rem #1f1b1a17}.certificate-fan__active-copy{width:fit-content;max-width:min(46rem,calc(100% - 2rem));min-height:2.9rem;margin:1.15rem auto .95rem;padding:.6rem 1.05rem;display:inline-grid;grid-template-columns:minmax(0,auto) auto;gap:1.4rem;align-items:center;position:relative;left:50%;border:1px solid rgba(205,201,193,.9);border-radius:999px;background:#ffffff9e;box-shadow:0 .55rem 1.3rem #1f1b1a17;transform:translate(-50%)}.certificate-fan__active-copy p{min-width:0;margin:0;display:flex;align-items:baseline;gap:.7rem}.certificate-fan__active-copy strong{color:var(--cf-red);font-size:.78rem;line-height:1.2;white-space:nowrap}.certificate-fan__active-copy p span{overflow:hidden;color:#454144;font-size:.69rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.certificate-fan__active-copy>span{color:var(--cf-muted);font-family:var(--font-data, "IBM Plex Mono", monospace);font-size:.58rem;font-weight:700;letter-spacing:.08em}.certificate-fan__index{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid var(--cf-line)}.certificate-fan__index:before{content:"";height:2px;position:absolute;z-index:1;top:-1px;left:0;width:var(--certificate-progress);background:var(--cf-red);transition:width .45s cubic-bezier(.2,.78,.18,1)}.certificate-fan__index:after{content:"";width:.55rem;height:.55rem;position:absolute;z-index:2;top:0;left:var(--certificate-progress);border:2px solid var(--cf-paper);border-radius:50%;background:var(--cf-red);box-shadow:0 .12rem .3rem #1f1b1a38;transform:translate(-50%,-50%);transition:left .45s cubic-bezier(.2,.78,.18,1)}.certificate-fan__index button{min-width:0;margin:0;padding:.8rem .28rem .7rem;position:relative;border:0;border-radius:0;background:transparent;color:#5d595c;cursor:pointer;font-size:.57rem;font-weight:720;line-height:1.2;white-space:nowrap}.certificate-fan__index button:after{content:"";height:0;position:absolute;top:-1px;right:32%;left:32%;background:transparent}.certificate-fan__index button:hover,.certificate-fan__index button:focus-visible,.certificate-fan__index button.is-active{color:var(--cf-red)}.certificate-fan__index button.is-active:after{background:transparent}.certificate-fan__index button:focus-visible{outline:2px solid var(--cf-red);outline-offset:-3px}.certificate-fan__disclaimer{margin:.35rem 0 0;color:#898589;font-size:.58rem;line-height:1.45}.certificate-fan__dialog{width:min(61rem,calc(100vw - 2rem));max-height:min(52rem,calc(100vh - 2rem));padding:0;overflow:auto;border:1px solid #d3cfc8;border-radius:.8rem;background:#f7f5f1;color:var(--cf-ink);box-shadow:0 2rem 5rem #00000042}.certificate-fan__dialog::backdrop{background:#121113ad}.certificate-fan__dialog>form{margin:0;padding:.8rem 1rem 0;display:flex;justify-content:flex-end}.certificate-fan__dialog-close{margin:0;padding:.55rem .8rem;border:1px solid #c8c3bc;border-radius:999px;background:#fff;color:#373336;cursor:pointer;font-size:.65rem;font-weight:720}.certificate-fan__dialog-layout{padding:.9rem 1.5rem 1.5rem;display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.certificate-fan__dialog-preview{min-height:31rem;padding:1.25rem;position:relative;display:grid;place-items:center;background:#e5e2dc;-webkit-user-select:none;user-select:none}.certificate-fan__dialog-preview img{width:auto;max-width:100%;height:min(36rem,70vh);display:block;object-fit:contain;box-shadow:0 1rem 2.4rem #1f1b1a2b;pointer-events:none;-webkit-user-drag:none}.certificate-fan__dialog-preview span{padding:.45rem .65rem;position:absolute;bottom:1.5rem;left:1.5rem;background:#171719;color:#fff;font-family:var(--font-data, "IBM Plex Mono", monospace);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}.certificate-fan__dialog-copy h3{max-width:14ch;margin:1rem 0;color:var(--cf-ink);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:.98;text-transform:none}.certificate-fan__dialog-copy>p:not(.resource-kicker){max-width:35rem;margin:0;color:var(--cf-muted);font-size:.88rem;line-height:1.7}.certificate-fan__dialog-copy>button{margin:2rem 0 0;padding:.85rem 1.15rem;display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--cf-red);border-radius:999px;background:var(--cf-red);color:#fff;cursor:pointer;font-size:.68rem;font-weight:760}@media(max-width:82rem){.certificate-fan__head{grid-template-columns:minmax(27rem,.95fr) minmax(0,1.05fr);gap:2rem 3rem}.certificate-fan__request{grid-column:2;justify-self:start}.certificate-fan__deck{height:27rem}.certificate-fan__item{width:18.25rem;height:25.3rem}.certificate-fan__title h2{white-space:normal}}@media(max-width:48rem){.resource-library .certificate-fan{padding:3.5rem 0 3rem;overflow:hidden}.certificate-fan__head,.certificate-fan__instruction,.certificate-fan__active-copy,.certificate-fan__index,.certificate-fan__disclaimer{margin-right:1.25rem;margin-left:1.25rem}.certificate-fan__head{margin-bottom:1.7rem;grid-template-columns:1fr;gap:1.15rem;align-items:start}.certificate-fan__title h2{max-width:12ch;font-size:2.45rem}.certificate-fan__intro{max-width:36rem;font-size:.83rem}.certificate-fan__request{grid-column:auto}.certificate-fan__instruction{justify-content:flex-start}.certificate-fan__deck{height:auto;padding:.5rem 14vw 1.3rem;display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;perspective:none;scroll-padding-inline:14vw;scroll-snap-type:x mandatory;scrollbar-width:none}.certificate-fan__deck::-webkit-scrollbar{display:none}.certificate-fan__item,.certificate-fan__item:nth-child(n){width:min(68vw,17rem);height:23rem;margin:0;position:relative;left:auto;bottom:auto;z-index:1;flex:0 0 min(68vw,17rem);opacity:.72;transform:none;scroll-snap-align:center}.certificate-fan__item.is-active{z-index:2;opacity:1;transform:translateY(-.25rem)}.certificate-fan__spine{left:-1px}.certificate-fan__paper img{padding-left:1.3rem}.certificate-fan__rail{display:none}.certificate-fan__active-copy{min-height:4.4rem;margin-top:.4rem;left:auto;border-radius:.85rem;transform:none}.certificate-fan__active-copy p{display:block}.certificate-fan__active-copy strong,.certificate-fan__active-copy p span{display:block;white-space:normal}.certificate-fan__active-copy p span{margin-top:.25rem}.certificate-fan__index{padding-bottom:.2rem;display:flex;overflow-x:auto;scrollbar-width:none}.certificate-fan__index:before,.certificate-fan__index:after{display:none}.certificate-fan__index::-webkit-scrollbar{display:none}.certificate-fan__index button{min-width:6.3rem;flex:0 0 6.3rem}.certificate-fan__dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.certificate-fan__dialog-layout{padding:.75rem 1rem 1rem;grid-template-columns:1fr;gap:1.4rem}.certificate-fan__dialog-preview{min-height:0;padding:1rem}.certificate-fan__dialog-preview img{height:min(47vh,28rem)}.certificate-fan__dialog-preview span{bottom:1rem;left:1rem}.certificate-fan__dialog-copy h3{font-size:2.15rem}.certificate-fan__dialog-copy>button{margin-top:1.25rem}}@media(prefers-reduced-motion:reduce){.certificate-fan__item,.certificate-fan__paper{transition:none}.certificate-fan__deck{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/resources-certificates.css.map */