.tpgp-notice-box{--tint: 11%;position:relative;box-sizing:border-box;margin:1.75em 0;padding:14px 18px 16px 48px;border:1px solid color-mix(in srgb,var(--color) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--color) var(--tint),transparent);box-shadow:0 4px 12px #0000001f;font-size:.95em;line-height:1.65}.tpgp-notice-box.is-tip{--icon: "\f0eb";--color: #16a34a}.tpgp-notice-box.is-note{--icon: "\f05a";--color: #0284c7}.tpgp-notice-box.is-warning{--icon: "\f071";--color: #f59e0b;--tint: 14%}.tpgp-notice-box.is-important{--icon: "\f005";--color: #e11d48}.tpgp-notice-box.is-quick{--icon: "\f0e7";--color: #7c3aed;font-size:1em}.tpgp-notice-box.is-takeaways{--icon: "\f46c";--color: #0d9488}.tpgp-notice-box.is-checklist{--icon: "\f0ae";--color: #2563eb}.tpgp-notice-box.is-spoiler{--icon: "\f070";--color: #ec4899;--tint: 12%}.tpgp-notice-box.hide-icon{padding-left:18px}.tpgp-notice-box .notice-head{position:relative;display:flex;align-items:center;gap:8px;margin:0 0 6px;color:var(--color);font-size:12.5px;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.tpgp-notice-box .notice-head:before{content:var(--icon);position:absolute;left:-31px;top:50%;transform:translateY(-50%);width:19px;font-family:"Font Awesome 5 Free";font-size:17px;font-weight:900;line-height:19px;text-align:center}.tpgp-notice-box.hide-icon .notice-head:before{display:none}.tpgp-notice-box .notice-title{flex:1;min-width:1ch}.tpgp-notice-box .notice-body>:first-child{margin-top:0!important}.tpgp-notice-box .notice-body>:last-child{margin-bottom:0!important}.tpgp-notice-box .notice-body p{margin:0 0 .6em}.tpgp-notice-box .notice-body ul,.tpgp-notice-box .notice-body ol{margin:.4em 0 .6em;padding:0 0 0 1.15em}.tpgp-notice-box .notice-body li ul,.tpgp-notice-box .notice-body li ol{margin:.3em 0 0}.tpgp-notice-box .notice-body li{margin:.25em 0;padding:0}.tpgp-notice-box .notice-body li::marker{color:var(--color)}.tpgp-notice-box .notice-body a{color:var(--color);font-weight:600;text-decoration:none;transition:opacity .2s}.tpgp-notice-box .notice-body a:hover,.tpgp-notice-box .notice-body a:focus{color:var(--color);opacity:.7;text-decoration:none}.tpgp-notice-box .notice-body img{border-radius:6px}.tpgp-notice-box .notice-body :is(ul,ol):has(>li>.check-toggle){padding-left:1.85em}.tpgp-notice-box .notice-body li:has(>.check-toggle){list-style:none;transition:opacity .2s}.tpgp-notice-box .notice-body .check-toggle{width:1.3em;height:1.3em;min-width:0;max-width:none;padding:0;margin:0 .55em 0 -1.85em;vertical-align:-.3em;accent-color:var(--color);cursor:pointer}.tpgp-notice-box .notice-body li:has(>.check-toggle:checked){opacity:.6;text-decoration:line-through}.tpgp-notice-box .spoiler-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tpgp-notice-box .spoiler-button{margin-left:auto;padding:3px 12px;border-radius:20px;background:var(--color);color:#fff;font-size:10.5px;letter-spacing:.06em;cursor:pointer;transition:filter .2s}.tpgp-notice-box .spoiler-button:after{content:"Show"}.tpgp-notice-box .spoiler-button:hover{filter:brightness(1.12)}.tpgp-notice-box .spoiler-toggle:checked~.notice-head .spoiler-button:after{content:"Hide"}.tpgp-notice-box .spoiler-toggle~.notice-body{transition:filter .35s}.tpgp-notice-box .spoiler-toggle:not(:checked)~.notice-body{min-height:2.8em;filter:blur(6px);user-select:none;pointer-events:none}.tpgp-notice-box .spoiler-cover{position:absolute;inset:40px 0 0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.tpgp-notice-box .spoiler-cover span{padding:6px 16px;border-radius:20px;background:var(--color);color:#fff;font-size:13px;font-weight:700;box-shadow:0 4px 14px color-mix(in srgb,var(--color) 40%,transparent);transition:transform .2s}.tpgp-notice-box .spoiler-cover:hover span{transform:scale(1.05)}.tpgp-notice-box .spoiler-toggle:focus-visible~.notice-head .spoiler-button,.tpgp-notice-box .spoiler-toggle:focus-visible~.spoiler-cover span{outline:2px solid var(--color);outline-offset:3px}.tpgp-notice-box .spoiler-toggle:checked~.spoiler-cover{display:none}.dark-skin .tpgp-notice-box{--tint: 16%}.dark-skin .tpgp-notice-box.is-warning,.dark-skin .tpgp-notice-box.is-spoiler{--tint: 18%}.dark-skin .tpgp-notice-box .notice-head,.dark-skin .tpgp-notice-box .notice-body a,.dark-skin .tpgp-notice-box .notice-body a:hover,.dark-skin .tpgp-notice-box .notice-body a:focus{color:color-mix(in srgb,var(--color) 55%,#fff)}.editor-styles-wrapper .tpgp-notice-box{font-size:17px}.editor-styles-wrapper .tpgp-notice-box.is-quick{font-size:18px}.editor-styles-wrapper .tpgp-notice-box .notice-title,.editor-styles-wrapper .tpgp-notice-box .notice-title[data-rich-text-placeholder]:after{margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit}.editor-styles-wrapper .tpgp-notice-box .notice-body>:has(+.block-list-appender){margin-bottom:0!important}@media (max-width: 767px){.tpgp-notice-box{margin:1.4em 0;padding:12px 14px 14px 42px}.tpgp-notice-box .notice-head:before{left:-29px}}